Наши проекты Mozilla Россия MozUtil Bugzilla Планета

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

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.

Страницы: « 1 … 557 558 559 560 561 562 # »

№1395117-03-2024 13:18:15

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

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

_zt пишет

Т.е. код выше равен коду ниже?

Да все верно, https://developer.mozilla.org/en-US/doc … SS_nesting
Кстати At-rules в том числе медиа запросы тоже могут быть вложенными в селектор https://developer.mozilla.org/en-US/doc … g_at-rules

UserChromeFiles   Webextensions and Experiments

Отсутствует

 

№1395220-03-2024 18:55:39

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1470
UA: Firefox 115.0

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

Vitaliy V.
В общем понятно, в некоторых случаях писанины меньше будет. А вот по поводу At-rules, в частности @media, сомнительно для глобального применения, только, разве что для каких то точечных правок. Например prefers-color-scheme - переключился на тему, настроил и записал одним блоком - это проще, чем дописывать вложения в существующий стиль и проще для последующего редактирования.

Отсутствует

 

№1395320-03-2024 20:41:00

qawas
Участник
 
Группа: Members
Зарегистрирован: 13-11-2017
Сообщений: 10
UA: Firefox 124.0

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

Здравствуйте, у меня есть старый файл user.css  и он перестал работать:(.  Скачал лисенка, решил вспомнить молодость и ничаво не работает, он достаточно большой, почти 4кб. Есть сейчас какая нибудь библиотека или мне просто выложить его и совместно скорректируем, другим тоже пригодится )).

Отсутствует

 

№1395420-03-2024 22:32:27

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

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

qawas пишет

Здравствуйте, у меня есть старый файл user.css  и он перестал работать

Для начала включить в about:config настройку: toolkit.legacyUserProfileCustomizations.stylesheets, и попробуйте этот способ -> https://forum.mozilla-russia.org/viewto … 94#p808894

он достаточно большой, почти 4кб

Ну да, очень большой!

Win7

Отсутствует

 

№1395520-03-2024 23:04:39

qawas
Участник
 
Группа: Members
Зарегистрирован: 13-11-2017
Сообщений: 10
UA: Firefox 124.0

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

Ни хочет :), поставил true,

Отредактировано qawas (21-03-2024 15:09:35)

Отсутствует

 

№1395621-03-2024 05:05:50

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

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

qawas, под спойлер свою простынку спрячьте, пожалуйста :sick:

Отсутствует

 

№1395721-03-2024 15:11:19

qawas
Участник
 
Группа: Members
Зарегистрирован: 13-11-2017
Сообщений: 10
UA: Firefox 124.0

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

Viatcheslav пишет

qawas, под спойлер свою простынку спрячьте, пожалуйста :sick:

Понял бесполезно, раньше здесь были приветливые люди, к примеру Крошка Ру, а теперь ...

Отсутствует

 

№1395821-03-2024 15:18:26

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

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

qawas пишет

раньше здесь были приветливые люди

Во блин, публика пошла... :rolleyes:
Да Вы сначала сами научитесь быть вежливыми к окружающими,
в том числе и при размещении своих сообщений в читабельном виде :dumb:

Отсутствует

 

№1395923-03-2024 12:36:26

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 155
UA: Firefox 51.0

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

Всем привет.
Возможно ли сделать через userChrome.css чтобы запуск дополнения был на панели инструментов как было реализовано в прошлых версиях.

Отсутствует

 

№1396023-03-2024 12:47:41

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 410
UA: Firefox 124.0

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

Vitaliy V. тут Dumby недавно писал что началось удаление -moz-lwtheme .у вас в vertical_top_bottom_bar.css вы заменили #browser-bottombox:-moz-lwtheme на :root[lwtheme="true"] #browser-bottombox а вот на что надо замеменить  -moz-lwtheme в этих ваших стилях и если не сложно обновите их пожалуйста.

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

Выделить код

Код:

@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
    --v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
    --v-arrowpanel-border-color: #919191;
    --v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
    --v-arrowpanel-dimmed: #91C9F7;
    --v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
    --v-menupopup-item-min-height: 24px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
}
:root:-moz-lwtheme {
    --v-arrowpanel-color: var(--arrowpanel-color, FieldText);
    --v-arrowpanel-background: var(--arrowpanel-background, Field);
    --v-arrowpanel-border-color: var(--arrowpanel-border-color, ThreeDShadow);
    --v-panel-separator-color: var(--panel-separator-color, ThreeDShadow);
    --v-arrowpanel-dimmed: var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
    --v-arrowpanel-dimmed-further: var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
}
:root[lwt-sidebar] {
    --v-arrowpanel-color: var(--lwt-sidebar-text-color, FieldText);
    --v-arrowpanel-background: var(--lwt-sidebar-background-color, Field);
    --v-arrowpanel-border-color: color-mix(in srgb, currentColor 20%, transparent);
    --v-panel-separator-color: color-mix(in srgb, currentColor 20%, transparent);
    --v-arrowpanel-dimmed: color-mix(in srgb, currentColor 20%, transparent);
    --v-arrowpanel-dimmed-further: color-mix(in srgb, currentColor 10%, transparent);
}
:root:is(.theme-light,.theme-dark) {
    --v-arrowpanel-color: var(--theme-arrowpanel-color, FieldText);
    --v-arrowpanel-background: var(--theme-arrowpanel-background, Field);
    --v-arrowpanel-border-color: var(--theme-arrowpanel-border-color, color-mix(in srgb, currentColor 20%, transparent));
    --v-panel-separator-color: var(--theme-arrowpanel-separator, color-mix(in srgb, currentColor 20%, transparent));
    --v-arrowpanel-dimmed: var(--theme-arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
    --v-arrowpanel-dimmed-further: var(--theme-arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
}
menupopup {
    appearance: none !important;
    padding: 0 !important;
    border: 1px solid var(--v-arrowpanel-border-color) !important;
    border-radius: 0 !important;
    background: var(--v-arrowpanel-background) !important;
    color: var(--v-arrowpanel-color) !important;
    --panel-background: transparent !important;
    --panel-color: var(--v-arrowpanel-color) !important;
    --panel-border-color: transparent !important;
    --panel-border-radius: 0px !important;
    --nested-margin: 0px !important;
    box-shadow: none !important;
    --v-panel-padding: 0;
    --v-panel-background: transparent;
    --v-panel-border-width: 0;
    --v-panel-margin: 0;
    --v-panel-arrowbox-display: none;
}
#PlacesToolbar menupopup {
    margin-top: 0 !important;
}
menupopup > menu > menupopup {
    margin-inline-start: 0 !important;
    margin-top: -1px !important;
}
:where(#BMB_bookmarksPopup) {
    margin-top: -3px !important;
}
panel[type="arrow"].panel-no-padding {
    --v-panel-padding: 0;
}
.panel-arrowcontainer > .panel-arrowcontent {
    padding: var(--v-panel-padding, var(--arrowpanel-padding)) !important;
    background: var(--v-panel-background, var(--arrowpanel-background)) !important;
    border-radius: 0 !important;
    border-width: var(--v-panel-border-width, 1px) !important;
    margin: var(--v-panel-margin, 4px) !important;
}
.panel-arrowcontainer > .panel-arrowbox {
    display: var(--v-panel-arrowbox-display, flex);
}
hbox[flex="1"][part="innerbox"] {
    border-width: 0 !important;
    margin-top: 0 !important;
}
scrollbox[flex="1"][part="scrollbox"] {
    padding-top: 0 !important;
}
arrowscrollbox.menupopup-arrowscrollbox {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    --panel-shadow-margin: 0px !important;
}
menupopup menuseparator {
    appearance: none !important;
    height: 3px !important;
    min-height: 3px !important;
    max-height: 3px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-image: url("data:image/svg+xml;charset=utf-8,<svg width='3' height='3' xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='1.5' x2='3' y2='1.5' style='fill:none;stroke:black;stroke-width:.9;shape-rendering:crispEdges;'/></svg>") 0 fill !important;
    filter: var(--v-svg-filter-fill) !important;
    fill: var(--v-panel-separator-color) !important;
    color: var(--v-arrowpanel-color) !important;
}
menupopup :is(menu,menuitem,menucaption) {
    appearance: none !important;
    min-height: var(--v-menupopup-item-min-height) !important;
    padding: 0px 10px !important;
}
menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color);
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color) !important;
}
menupopup :is(menu,menuitem)[_moz-menuactive="true"] {
    background: var(--v-arrowpanel-dimmed);
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem)[_moz-menuactive="true"] {
    background: var(--v-arrowpanel-dimmed) !important;
}
menupopup :is(menu,menuitem)[_moz-menuactive="true"]:active {
    background: var(--v-arrowpanel-dimmed-further);
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem)[_moz-menuactive="true"]:active {
    background: var(--v-arrowpanel-dimmed-further) !important;
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption):is([disabled="true"],[disabled="true"]:active) {
    opacity: 0.6 !important;
    background: none !important;
}
menupopup .menu-iconic-left {
    appearance: none !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 3px !important;
    visibility: visible !important;
    min-width: 16px !important;
    width: 16px !important;
    padding: 0 !important;
}
menupopup .menu-iconic-left > .menu-iconic-icon {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: 16px !important;
}
#context-navigation:not([hidden]) {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    min-width: 0px !important;
}
#context-navigation > .menuitem-iconic {
    width: auto !important;
    flex-grow: 1 !important;
    -moz-box-pack: center !important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
    background-color: transparent !important;
}
menupopup .menu-iconic-text {
    appearance: none !important;
    padding-inline-start: 0 !important;
    margin-inline-start: 2px !important;
}
menupopup .contentSelectDropdown-ingroup .menu-iconic-text {
    padding-inline-start: 16px !important;
}
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: 0px !important;
    margin-inline-start: 21px !important;
}
menupopup menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
    display: flex !important;
    visibility: visible !important;
    width: 16px !important;
    height: 16px !important;
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    fill-opacity: 1 !important;
    color: var(--v-arrowpanel-color) !important;
}
menupopup .menu-right {
    appearance: none !important;
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='M 6,13 11,8 6,3' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></svg>") !important;
    -moz-image-region: auto !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
}
menupopup menuitem[type="checkbox"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/></svg>") !important;
    -moz-image-region: auto !important;
}
menupopup menuitem[type="checkbox"][checked="true"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/><path d='M 3,7 7,11 13,5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></g></svg>") !important;
}
menupopup menuitem[type="radio"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/></svg>") !important;
    -moz-image-region: auto !important;
}
menupopup menuitem[type="radio"][checked="true"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/><circle cx='8' cy='8' r='4.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></g></svg>") !important;
}
menupopup menuitem[id$="create-screenshot"] > .menu-iconic-left > .menu-iconic-icon {
    -moz-context-properties: fill;
    fill: currentColor;
}
menupopup:-moz-locale-dir(rtl) .menu-right > image {
    transform: scaleX(-1) !important;
}
.panel-subview-body {
  padding: 2px !important;
}
/* <-- меню */
}

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-findbar-flex-direction: row-reverse; /* row-reverse - findbar справа */
    --v-findbar-container-start: 1px; /* 1px - findbar справа */
    --v-findbar-container-end: 100%; /* 100% - findbar справа */
    --v-findbar-margin-right: 14px; /* отступ для скроллбара */
    --v-findbar-duration: 150ms; /* длительность анимации */
    --v-findbar-border-radius: 6px; /* радиус скругления findbar */
    --v-findbar-textbox-radius: 3px; /* радиус скругления поля ввода */
    --v-findbar-textbox-width: 14em; /* длина поля ввода */
    --v-findbar-toolbarbutton-border-radius: 3px; /* радиус скругления кнопок */
    --v-findbar-toolbarbutton-inner-padding: 3px; /* влияет на размер кнопок и поля ввода */
    --v-findbar-toolbarbutton-icon-display: flex; /* none - скрыть иконки на кнопках */
    --v-findbar-toolbarbutton-text-display: none; /* -moz-box - показать текст на кнопках */
}
.browserContainer > findbar {
    -moz-box-ordinal-group: 0 !important;
	order: -1 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: var(--v-findbar-margin-right) !important;
    border: none !important;
    display: flex !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    box-shadow: none !important;
    overflow: visible !important;
    --toolbarbutton-inner-padding: var(--v-findbar-toolbarbutton-inner-padding);
    --toolbarbutton-border-radius: var(--v-findbar-toolbarbutton-border-radius);
}
.browserContainer > findbar > .findbar-container {
    position: fixed !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    inset: auto !important;
    margin: -1px 0 0 0 !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 1px !important;
    padding-inline-start: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-start)) !important;
    padding-inline-end: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-end)) !important;
    overflow: hidden !important;
    border: 1px solid var(--chrome-content-separator-color, rgba(0,0,0,.25)) !important;
    border-top-width: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
    border-radius: 0 0 var(--v-findbar-border-radius) var(--v-findbar-border-radius) !important;
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
    opacity: 1;
    animation-name: findbar-animation, findbar-animation-opacity !important;
    animation-delay: 0s !important;
    animation-duration: var(--v-findbar-duration) !important;
    animation-timing-function: linear, ease-out !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
}
.browserContainer > findbar > #findbar-close-container,
.browserContainer > findbar > toolbarbutton.findbar-closebutton {
    margin: 1px 3px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: fixed !important;
    display: flex !important;
    z-index: 2 !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    opacity: 1;
    animation-name: findbar-animation, findbar-animation-opacity !important;
    animation-delay: 0s !important;
    animation-duration: var(--v-findbar-duration) !important;
    animation-timing-function: linear, ease-out !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
}
.browserContainer > findbar > #findbar-close-container > toolbarbutton.findbar-closebutton {
    appearance: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    border: none !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
}
.browserContainer > findbar toolbarbutton.findbar-closebutton > .toolbarbutton-icon {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
}
.browserContainer > findbar[hidden="true"] > .findbar-container,
.browserContainer > findbar[hidden="true"] > #findbar-close-container,
.browserContainer > findbar[hidden="true"] > toolbarbutton.findbar-closebutton {
    transform: translateY(-100%);
    animation-name: findbar-animation-hide, findbar-animation-opacity-hide !important;
    animation-timing-function: linear, ease-in !important;
    pointer-events: none !important;
    opacity: 0;
}
@keyframes findbar-animation {
    from {
        transform: translateY(-100%);
        pointer-events: none;
    }
    to {
        transform: translateY(0%);
        pointer-events: none;
    }
}
@keyframes findbar-animation-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes findbar-animation-hide {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes findbar-animation-opacity-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.browserContainer > findbar:-moz-lwtheme {
    color: var(--toolbar-color, inherit) !important;
}
.browserContainer > findbar:-moz-lwtheme > .findbar-container {
    background-color: var(--lwt-accent-color, white) !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))) !important;
}
.browserContainer > findbar:-moz-lwtheme-brighttext > .findbar-container {
    background-color: var(--lwt-accent-color, black) !important;
}
:root[lwtheme-image] .browserContainer > findbar:-moz-lwtheme > .findbar-container {
    background-repeat: repeat-y !important;
    background-size: auto auto !important;
    background-attachment: fixed !important;
    background-position: right top !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, none) !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) {
    align-self: normal !important;
}
.browserContainer > findbar > .findbar-container > * {
    margin: 1px !important;
    outline: none !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: normal !important;
}
.browserContainer > findbar > .findbar-container > description:empty {
    margin: 0 !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable,
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    padding-block: 0 !important;
    margin-inline: 0 !important;
    min-height: 22px !important;
    box-sizing: border-box !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.findbar-find-previous {
    margin-inline: 2px !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable {
    min-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    border: none !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
    background-color: transparent !important;
    padding-inline: var(--toolbarbutton-inner-padding) !important;
    outline: none !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    border-radius: var(--v-findbar-textbox-radius) !important;
    min-height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: var(--v-findbar-textbox-width) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox,
.browserContainer > findbar > .findbar-container > description,
.browserContainer > findbar > .findbar-container > label {
    padding-bottom: 1px !important;
}
.browserContainer > findbar > .findbar-container > checkbox > .checkbox-label-box > .checkbox-icon,
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-text,
.browserContainer > findbar > .findbar-container > .find-status-icon {
    display: none !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-label-box,.toolbarbutton-text) {
    display: var(--v-findbar-toolbarbutton-text-display) !important;
    margin-inline: 2px !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-icon,
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
    display: var(--v-findbar-toolbarbutton-icon-display) !important;
    appearance: none !important;
    background: none !important;
    color: inherit !important;
    filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='0'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    fill: currentColor;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) {
    appearance: none !important;
    padding: var(--toolbarbutton-inner-padding) !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):hover,
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):hover {
    background-color: var(--toolbarbutton-hover-background, color-mix(in srgb, currentColor 17%, transparent)) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):is([checked="true"],:hover:active),
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):is([checked="true"],:hover:active) {
    background-color: var(--toolbarbutton-active-background, color-mix(in srgb, currentColor 30%, transparent)) !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-highlight {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 2,3 V 4.2 H 6 V 12 h 1.2 l 0,-7.8 h 4 L 11.2,3 Z M 12.5,6 C 11.8,8.39 10,10.3 10,11.6 10,12.9 11.1,14 12.5,14 13.9,14 15,12.9 15,11.6 15,10.3 13.2,8.39 12.5,6 Z m 0,6.8 c -1,0 -1.3,-0.8 -1.3,-1.2 0,-1.1 0.8,-2.1 1.3,-3 0.5,0.9 1.3,1.9 1.3,3 0,0.4 -0.3,1.2 -1.3,1.2 z' /></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-case-sensitive {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='m 6,3 -5,9 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 Z M 5.8,5.5 5.8,9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-match-diacritics {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 5,3 3,0 H 0 M 12,5 10,2 H 7 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z'/></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-entire-word {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 15,13.8 V 15 H 1 V 13.8 M 15,2.2 15,1 H 1 V 2.2 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
}
}

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

Выделить код

Код:

/* Кнопки управления окном */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
    --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
    --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
    --v-titlebar-button-image-height: 10px;
    --v-titlebar-button-image-width: 10px;
    --v-titlebar-button-background-hover: rgba(0, 0, 0, .12);
    --v-titlebar-button-background-active: rgba(0, 0, 0, .22);
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
}

:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255, 255, 255, .22);
    --v-titlebar-button-background-active: rgba(255, 255, 255, .12);
}

:root {
    background-color: -moz-Dialog !important;
    color: -moz-DialogText !important;
}

@media (-moz-windows-glass), (-moz-os-version: windows-win8) {
    :root {
        -moz-appearance: none !important;
        appearance: none !important;
        background-color: ActiveCaption !important;
        color: CaptionText !important;
    }

    :root:-moz-window-inactive {
        background-color: InactiveCaption !important;
        color: InactiveCaptionText !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
        appearance: none !important;
    }
}

@media (-moz-windows-glass: 0) and (-moz-os-version: windows-win7) {
    :root {
        background-color: ActiveCaption !important;
        color: CaptionText !important;
    }

    :root:-moz-window-inactive {
        background-color: InactiveCaption !important;
        color: InactiveCaptionText !important;
    }
}

:root:-moz-lwtheme {
    --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(227, 228, 230));
    background-color: var(--v-lwt-accent-color-for-lwtheme) !important;
    color: var(--lwt-text-color, rgb(24, 25, 26)) !important;
}

:root:-moz-lwtheme-brighttext {
    --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(12, 12, 13));
    color: var(--lwt-text-color, rgb(249, 249, 250)) !important;
}

:root:-moz-lwtheme:-moz-window-inactive {
    background-color: var(--lwt-accent-color-inactive, var(--v-lwt-accent-color-for-lwtheme)) !important;
}

@media (-moz-windows-accent-color-in-titlebar) {
    :root[tabsintitlebar]:not(:-moz-lwtheme):not(:-moz-window-inactive),
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
        background-color: -moz-win-accentcolor !important;
        color: -moz-win-accentcolortext !important;
    }
}

:root[tabsintitlebar]:not([inDOMFullscreen]) #titlebar {
    visibility: hidden !important;
}

:root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="menubar"]) #titlebar > #toolbar-menubar,
:root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="toolbar"]) #titlebar > #TabsToolbar {
    visibility: visible;
}

:root[sizemode="normal"] #titlebar {
    -moz-appearance: none !important;
    appearance: none !important;
}

.titlebar-buttonbox-container {
    align-items: flex-start !important;
}

.titlebar-buttonbox {
    -moz-appearance: none !important;
    appearance: none !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
}

:root[data-l10n-id="browser-main-window-mac"] .titlebar-buttonbox:-moz-locale-dir(ltr) {
    flex-direction: row-reverse !important;
}

:root[sizemode="normal"] #navigator-toolbox {
    border-top: none !important;
    padding-top: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 0 !important;
}

#toolbar-menubar {
    text-shadow: inherit !important;
}

#main-menubar {
    text-shadow: inherit !important;
    background-color: transparent !important;
    color: inherit !important;
    border-radius: 0 !important;
}

#toolbar-menubar,
#TabsToolbar {
    color: inherit !important;
    background-image: none !important;
}

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
    background-color: transparent !important;
}

:root[tabsintitlebar] #TabsToolbar .tab-label {
    opacity: 1 !important;
}

#TabsToolbar:-moz-lwtheme {
    --lwt-toolbarbutton-icon-fill: currentColor !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: flex !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
    background-color: transparent !important;
}

:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext],
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] {
    display: none !important;
}

#window-controls {
    align-items: flex-start !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close) > .toolbarbutton-icon,
:is(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}

.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    -moz-image-region: auto !important;
}

:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
.titlebar-buttonbox > .titlebar-restore,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover,
:is(#minimize-button,#restore-button):hover {
    background-color: var(--v-titlebar-button-background-hover) !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover:active,
:is(#minimize-button,#restore-button):hover:active {
    background-color: var(--v-titlebar-button-background-active) !important;
}

.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: white !important;
}

.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: white !important;
}
}

Отредактировано egorsemenov06 (23-03-2024 12:55:40)

Отсутствует

 

№1396123-03-2024 21:00:44

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

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

f480185 пишет

Возможно ли сделать через userChrome.css чтобы запуск дополнения был на панели инструментов как было реализовано в прошлых версиях.

А сейчас они у вас где?
Add, кнопка "Расширения":
2024-03-23_235209.png

Отредактировано kokoss (23-03-2024 23:59:46)

Win7

Отсутствует

 

№1396224-03-2024 22:07:58

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

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

egorsemenov06

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

Выделить код

Код:

@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-menupopup-item-min-height: 24px;
    --v-menupopup-item-padding-inline: 8px;
    --v-menupopup-text-inline-start: 4px;
    --v-menupopup-icon-fill-opacity: 1;
    --v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
    --v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
    --v-arrowpanel-border-color: var(--menu-border-color, var(--arrowpanel-border-color, ThreeDShadow));
    --v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
    --v-arrowpanel-dimmed: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent)));
    --v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");

    &[lwtheme="true"] {
        --v-arrowpanel-color: var(--arrowpanel-color, FieldText);
        --v-arrowpanel-background: var(--arrowpanel-background, Field);
        --v-arrowpanel-border-color: var(--arrowpanel-border-color, ThreeDShadow);
        --v-panel-separator-color: var(--panel-separator-color, ThreeDShadow);
        --v-arrowpanel-dimmed: var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
        --v-arrowpanel-dimmed-further: var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
    }
    &.sidebar-panel[lwt-sidebar] {
        --v-arrowpanel-color: var(--lwt-sidebar-text-color, FieldText);
        --v-arrowpanel-background: var(--lwt-sidebar-background-color, Field);
        --v-arrowpanel-border-color: color-mix(in srgb, currentColor 20%, transparent);
        --v-panel-separator-color: color-mix(in srgb, currentColor 20%, transparent);
        --v-arrowpanel-dimmed: color-mix(in srgb, currentColor 20%, transparent);
        --v-arrowpanel-dimmed-further: color-mix(in srgb, currentColor 10%, transparent);
    }
    &:is(.theme-light,.theme-dark) {
        --v-arrowpanel-color: var(--theme-arrowpanel-color, FieldText);
        --v-arrowpanel-background: var(--theme-arrowpanel-background, Field);
        --v-arrowpanel-border-color: var(--theme-arrowpanel-border-color, color-mix(in srgb, currentColor 20%, transparent));
        --v-panel-separator-color: var(--theme-arrowpanel-separator, color-mix(in srgb, currentColor 20%, transparent));
        --v-arrowpanel-dimmed: var(--theme-arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
        --v-arrowpanel-dimmed-further: var(--theme-arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
    }
}
menupopup {
    appearance: none !important;
    --panel-background: var(--v-arrowpanel-background) !important;
    --panel-color: var(--v-arrowpanel-color) !important;
    --panel-border-color: var(--v-arrowpanel-border-color) !important;
    box-shadow: none !important;
    --panel-border-radius: 0px !important;
	--panel-subview-body-padding-block: 0px !important;
    --panel-padding-block: 0px !important;
	--panel-padding: 0px !important;
    --panel-shadow-margin: 0px !important;
	--arrowpanel-menuitem-margin: 0px !important;
	--arrowpanel-menuitem-border-radius: 0px !important;
    border-radius: 0 !important;
    menuseparator {
        appearance: none !important;
        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;
        border: none !important;
        margin: 0 !important;
        padding-inline: 0 !important;
        padding-block: 1px !important;
        &::before {
            content: "" !important;
            display: inline-block !important;
            position: static !important;
            padding: 0 !important;
            margin: 0 !important;
            flex-grow: 1 !important;
            border: none !important;
            border-top: 1px solid var(--v-panel-separator-color) !important;
        }
    }
    :is(menu,menuitem,menucaption) {
        appearance: none !important;
        min-height: var(--v-menupopup-item-min-height) !important;
        padding: 0px var(--v-menupopup-item-padding-inline) !important;
    }
    .menu-iconic-left {
        appearance: none !important;
        margin: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: var(--v-menupopup-text-inline-start) !important;
        visibility: visible !important;
        min-width: 16px !important;
        width: 16px !important;
        padding: 0 !important;
    }
    .menu-iconic-text {
        appearance: none !important;
        padding-inline-start: 0 !important;
        margin-inline-start: 0 !important;
    }
    .contentSelectDropdown-ingroup .menu-iconic-text {
        margin-inline-start: 16px !important;
    }
    .menu-text {
        appearance: none !important;
        padding-inline-start: var(--v-menupopup-text-inline-start) !important;
        margin-inline-start: 16px !important;
    }
    .menu-iconic-left > .menu-iconic-icon,
    .menu-right > image {
        appearance: none !important;
        width: 16px !important;
        height: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
    .menu-right > image {
        display: inline-flex !important;
        visibility: visible !important;
        filter: var(--v-svg-filter-fill) !important;
        fill: currentColor !important;
        fill-opacity: var(--v-menupopup-icon-fill-opacity);
        color: var(--v-arrowpanel-color) !important;
    }
    .menu-right {
        appearance: none !important;
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='M 6,13 11,8 6,3' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></svg>") !important;
        width: 16px !important;
        height: 16px !important;
        padding: 0px !important;
    }
    :is(menu,menuitem,menucaption) {
        color: var(--v-arrowpanel-color);
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem,menucaption) {
        color: var(--v-arrowpanel-color) !important;
    }
    :is(menu,menuitem)[_moz-menuactive="true"] {
        background: var(--v-arrowpanel-dimmed);
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem)[_moz-menuactive="true"] {
        background: var(--v-arrowpanel-dimmed) !important;
    }
    :is(menu,menuitem)[_moz-menuactive="true"]:active {
        background: var(--v-arrowpanel-dimmed-further);
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem)[_moz-menuactive="true"]:active {
        background: var(--v-arrowpanel-dimmed-further) !important;
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem,menucaption):is([disabled="true"],[disabled="true"]:active) {
        opacity: 0.6 !important;
        background: none !important;
    }
    menuitem {
        &[type="checkbox"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/></svg>") !important;
        }
        &[type="checkbox"][checked="true"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/><path d='M 3,7 7,11 13,5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></g></svg>") !important;
        }
        &[type="radio"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/></svg>") !important;
        }
        &[type="radio"][checked="true"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/><circle cx='8' cy='8' r='4.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></g></svg>") !important;
        }
        &[id$="create-screenshot"] > .menu-iconic-left > .menu-iconic-icon {
            -moz-context-properties: fill;
            fill: currentColor;
        }
    }
    &:-moz-locale-dir(rtl) .menu-right > image {
        transform: scaleX(-1) !important;
    }
}
arrowscrollbox.menupopup-arrowscrollbox {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--v-arrowpanel-background) !important;
    color: var(--v-arrowpanel-color) !important;
}
#context-navigation {
    &:not([hidden]) {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        min-width: 0px !important;
    }
    & > .menuitem-iconic {
        width: auto !important;
        flex-grow: 1 !important;
        justify-content: center !important;
    }
    & > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
        background-color: transparent !important;
    }
}
/* <-- меню */
}


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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-findbar-flex-direction: row; /* row-reverse - findbar справа */
    --v-findbar-container-start: 100%; /* 1px - findbar справа */
    --v-findbar-container-end: 1px; /* 100% - findbar справа */
    --v-findbar-margin-right: 17px; /* отступ для скроллбара */
    --v-findbar-duration: 150ms; /* длительность анимации */
    --v-findbar-border-radius: 6px; /* радиус скругления findbar */
    --v-findbar-textbox-radius: 3px; /* радиус скругления поля ввода */
    --v-findbar-textbox-width: 14em; /* длина поля ввода */
    --v-findbar-toolbarbutton-border-radius: 3px; /* радиус скругления кнопок */
    --v-findbar-toolbarbutton-inner-padding: 3px; /* влияет на размер кнопок и поля ввода */
    --v-findbar-toolbarbutton-icon-display: flex; /* none - скрыть иконки на кнопках */
    --v-findbar-toolbarbutton-text-display: none; /* flex - показать текст на кнопках */
}
.browserContainer > findbar {
    order: -1 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: var(--v-findbar-margin-right) !important;
    border: none !important;
    display: flex !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    box-shadow: none !important;
    overflow: visible !important;
    --toolbarbutton-inner-padding: var(--v-findbar-toolbarbutton-inner-padding);
    --toolbarbutton-border-radius: var(--v-findbar-toolbarbutton-border-radius);
    & > .findbar-container {
        position: fixed !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: var(--v-findbar-flex-direction) !important;
        inset: auto !important;
        margin: -1px 0 0 0 !important;
        height: auto !important;
        min-width: 0 !important;
        padding: 1px !important;
        padding-inline-start: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-start)) !important;
        padding-inline-end: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-end)) !important;
        overflow: hidden !important;
        border: 1px solid var(--chrome-content-separator-color, rgba(0,0,0,.25)) !important;
        border-top-width: 0 !important;
        box-shadow: none !important;
        z-index: 2 !important;
        border-radius: 0 0 var(--v-findbar-border-radius) var(--v-findbar-border-radius) !important;
        background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
        opacity: 1;
        animation-name: findbar-animation, findbar-animation-opacity !important;
        animation-delay: 0s !important;
        animation-duration: var(--v-findbar-duration) !important;
        animation-timing-function: linear, ease-out !important;
        animation-iteration-count: 1 !important;
        animation-fill-mode: none !important;
    }
    & > #findbar-close-container,
    & > toolbarbutton.findbar-closebutton {
        margin: 1px 3px !important;
        padding: 0 !important;
        border: none !important;
        border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
        -moz-appearance: none !important;
        appearance: none !important;
        position: fixed !important;
        display: flex !important;
        z-index: 2 !important;
        height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        opacity: 1;
        animation-name: findbar-animation, findbar-animation-opacity !important;
        animation-delay: 0s !important;
        animation-duration: var(--v-findbar-duration) !important;
        animation-timing-function: linear, ease-out !important;
        animation-iteration-count: 1 !important;
        animation-fill-mode: none !important;
    }
    & > #findbar-close-container > toolbarbutton.findbar-closebutton {
        appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
        width: 100% !important;
        border: none !important;
        border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    }
    & toolbarbutton.findbar-closebutton > .toolbarbutton-icon {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        height: 16px !important;
        width: 16px !important;
        border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    }
    &[hidden="true"] > .findbar-container,
    &[hidden="true"] > #findbar-close-container,
    &[hidden="true"] > toolbarbutton.findbar-closebutton {
        transform: translateY(-100%);
        animation-name: findbar-animation-hide, findbar-animation-opacity-hide !important;
        animation-timing-function: linear, ease-in !important;
        pointer-events: none !important;
        opacity: 0;
    }
    :root[lwtheme="true"] & {
        color: var(--toolbar-color, inherit) !important;
    }
    :root[lwtheme="true"] & > .findbar-container {
        background-repeat: no-repeat, repeat-y !important;
        background-position: right top, var(--lwt-background-alignment, right top) !important;
        background-color: var(--lwt-accent-color, transparent) !important;
        background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, var(--lwt-additional-images, none)) !important;
        background-attachment: scroll, fixed !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) {
        align-self: normal !important;
    }
    & > .findbar-container > * {
        margin: 1px !important;
        outline: none !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] {
        display: flex !important;
        flex-direction: row !important;
        align-items: normal !important;
    }
    & > .findbar-container > description:empty {
        margin: 0 !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable,
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
        padding-block: 0 !important;
        margin-inline: 0 !important;
        min-height: 22px !important;
        box-sizing: border-box !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.findbar-find-previous {
        margin-inline: 2px !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable {
        min-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        border: none !important;
        border-radius: var(--toolbarbutton-border-radius) !important;
        background-color: transparent !important;
        padding-inline: var(--toolbarbutton-inner-padding) !important;
        outline: none !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
        border-radius: var(--v-findbar-textbox-radius) !important;
        min-height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        width: var(--v-findbar-textbox-width) !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox,
    & > .findbar-container > description,
    & > .findbar-container > label {
        padding-bottom: 1px !important;
    }
    & > .findbar-container > checkbox > .checkbox-label-box > .checkbox-icon,
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-text,
    & > .findbar-container > .find-status-icon {
        display: none !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-label-box,.toolbarbutton-text) {
        display: var(--v-findbar-toolbarbutton-text-display) !important;
        margin-inline: 2px !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-icon,
    & > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        height: 16px !important;
        width: 16px !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
        display: var(--v-findbar-toolbarbutton-icon-display) !important;
        appearance: none !important;
        background: none !important;
        color: inherit !important;
        filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='0'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
        fill: currentColor;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) {
        appearance: none !important;
        padding: var(--toolbarbutton-inner-padding) !important;
        border-radius: var(--toolbarbutton-border-radius) !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):hover,
    & > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):hover {
        background-color: var(--toolbarbutton-hover-background, color-mix(in srgb, currentColor 17%, transparent)) !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):is([checked="true"],:hover:active),
    & > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):is([checked="true"],:hover:active) {
        background-color: var(--toolbarbutton-active-background, color-mix(in srgb, currentColor 30%, transparent)) !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-highlight {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 2,3 V 4.2 H 6 V 12 h 1.2 l 0,-7.8 h 4 L 11.2,3 Z M 12.5,6 C 11.8,8.39 10,10.3 10,11.6 10,12.9 11.1,14 12.5,14 13.9,14 15,12.9 15,11.6 15,10.3 13.2,8.39 12.5,6 Z m 0,6.8 c -1,0 -1.3,-0.8 -1.3,-1.2 0,-1.1 0.8,-2.1 1.3,-3 0.5,0.9 1.3,1.9 1.3,3 0,0.4 -0.3,1.2 -1.3,1.2 z' /></svg>") !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-case-sensitive {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='m 6,3 -5,9 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 Z M 5.8,5.5 5.8,9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-match-diacritics {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 5,3 3,0 H 0 M 12,5 10,2 H 7 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z'/></svg>") !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-entire-word {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 15,13.8 V 15 H 1 V 13.8 M 15,2.2 15,1 H 1 V 2.2 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
    }
}

@keyframes findbar-animation {
    from {
        transform: translateY(-100%);
        pointer-events: none;
    }
    to {
        transform: translateY(0%);
        pointer-events: none;
    }
}
@keyframes findbar-animation-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes findbar-animation-hide {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes findbar-animation-opacity-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
}


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

Выделить код

Код:

/* Кнопки управления окном */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
    --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
    --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
    --v-titlebar-button-image-height: 12px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 20%, transparent));
    --v-titlebar-button-background-active: var(--button-active-bgcolor, color-mix(in srgb, currentColor 10%, transparent));
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
    --v-titlebar-button-fill-opacity: .85;
    --v-titlebar-close-fill-opacity: .85;
}

:root[sizemode="normal"] #navigator-toolbox #titlebar {
    appearance: none !important;
    padding-top: 0 !important;
}
.titlebar-buttonbox-container {
    align-items: start !important;
}
.titlebar-buttonbox {
    appearance: none !important;
    align-items: start !important;
    justify-content: end !important;
    margin: 0 !important;
    padding: 0 !important;
}
:root[data-l10n-id="browser-main-window-mac"] .titlebar-buttonbox:-moz-locale-dir(ltr) {
    flex-direction: row-reverse !important;
}
:root[sizemode="normal"] #navigator-toolbox {
    border-top: none !important;
    padding-top: 0 !important;
    box-shadow: none !important;
}
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 0 !important;
}
:root[tabsintitlebar] #toolbar-menubar {
    padding-top: 0 !important;
}
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    display: flex !important;
    appearance: none !important;
    margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext],
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] {
    display: none !important;
}
#window-controls {
    align-items: start !important;
}
.titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
:is(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    fill-opacity: var(--v-titlebar-button-fill-opacity);
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.titlebar-buttonbox > .titlebar-close > .toolbarbutton-icon,
#close-button > .toolbarbutton-icon {
    fill-opacity: var(--v-titlebar-close-fill-opacity);
}
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
}
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
}
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
.titlebar-buttonbox > .titlebar-restore,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
}
.titlebar-buttonbox > .titlebar-button:hover,
:is(#minimize-button,#restore-button):hover {
    background-color: var(--v-titlebar-button-background-hover) !important;
}
.titlebar-buttonbox > .titlebar-button:hover:active,
:is(#minimize-button,#restore-button):hover:active {
    background-color: var(--v-titlebar-button-background-active) !important;
}
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
}
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: white !important;
}
.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: white !important;
}
}

UserChromeFiles   Webextensions and Experiments

Отсутствует

 

№1396325-03-2024 10:05:57

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 410
UA: Firefox 124.0

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

Vitaliy V. пишет

egorsemenov06

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

Выделить код

Код:

@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-menupopup-item-min-height: 24px;
    --v-menupopup-item-padding-inline: 8px;
    --v-menupopup-text-inline-start: 4px;
    --v-menupopup-icon-fill-opacity: 1;
    --v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
    --v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
    --v-arrowpanel-border-color: var(--menu-border-color, var(--arrowpanel-border-color, ThreeDShadow));
    --v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
    --v-arrowpanel-dimmed: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent)));
    --v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");

    &[lwtheme="true"] {
        --v-arrowpanel-color: var(--arrowpanel-color, FieldText);
        --v-arrowpanel-background: var(--arrowpanel-background, Field);
        --v-arrowpanel-border-color: var(--arrowpanel-border-color, ThreeDShadow);
        --v-panel-separator-color: var(--panel-separator-color, ThreeDShadow);
        --v-arrowpanel-dimmed: var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
        --v-arrowpanel-dimmed-further: var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
    }
    &.sidebar-panel[lwt-sidebar] {
        --v-arrowpanel-color: var(--lwt-sidebar-text-color, FieldText);
        --v-arrowpanel-background: var(--lwt-sidebar-background-color, Field);
        --v-arrowpanel-border-color: color-mix(in srgb, currentColor 20%, transparent);
        --v-panel-separator-color: color-mix(in srgb, currentColor 20%, transparent);
        --v-arrowpanel-dimmed: color-mix(in srgb, currentColor 20%, transparent);
        --v-arrowpanel-dimmed-further: color-mix(in srgb, currentColor 10%, transparent);
    }
    &:is(.theme-light,.theme-dark) {
        --v-arrowpanel-color: var(--theme-arrowpanel-color, FieldText);
        --v-arrowpanel-background: var(--theme-arrowpanel-background, Field);
        --v-arrowpanel-border-color: var(--theme-arrowpanel-border-color, color-mix(in srgb, currentColor 20%, transparent));
        --v-panel-separator-color: var(--theme-arrowpanel-separator, color-mix(in srgb, currentColor 20%, transparent));
        --v-arrowpanel-dimmed: var(--theme-arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
        --v-arrowpanel-dimmed-further: var(--theme-arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
    }
}
menupopup {
    appearance: none !important;
    --panel-background: var(--v-arrowpanel-background) !important;
    --panel-color: var(--v-arrowpanel-color) !important;
    --panel-border-color: var(--v-arrowpanel-border-color) !important;
    box-shadow: none !important;
    --panel-border-radius: 0px !important;
	--panel-subview-body-padding-block: 0px !important;
    --panel-padding-block: 0px !important;
	--panel-padding: 0px !important;
    --panel-shadow-margin: 0px !important;
	--arrowpanel-menuitem-margin: 0px !important;
	--arrowpanel-menuitem-border-radius: 0px !important;
    border-radius: 0 !important;
    menuseparator {
        appearance: none !important;
        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;
        border: none !important;
        margin: 0 !important;
        padding-inline: 0 !important;
        padding-block: 1px !important;
        &::before {
            content: "" !important;
            display: inline-block !important;
            position: static !important;
            padding: 0 !important;
            margin: 0 !important;
            flex-grow: 1 !important;
            border: none !important;
            border-top: 1px solid var(--v-panel-separator-color) !important;
        }
    }
    :is(menu,menuitem,menucaption) {
        appearance: none !important;
        min-height: var(--v-menupopup-item-min-height) !important;
        padding: 0px var(--v-menupopup-item-padding-inline) !important;
    }
    .menu-iconic-left {
        appearance: none !important;
        margin: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: var(--v-menupopup-text-inline-start) !important;
        visibility: visible !important;
        min-width: 16px !important;
        width: 16px !important;
        padding: 0 !important;
    }
    .menu-iconic-text {
        appearance: none !important;
        padding-inline-start: 0 !important;
        margin-inline-start: 0 !important;
    }
    .contentSelectDropdown-ingroup .menu-iconic-text {
        margin-inline-start: 16px !important;
    }
    .menu-text {
        appearance: none !important;
        padding-inline-start: var(--v-menupopup-text-inline-start) !important;
        margin-inline-start: 16px !important;
    }
    .menu-iconic-left > .menu-iconic-icon,
    .menu-right > image {
        appearance: none !important;
        width: 16px !important;
        height: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
    .menu-right > image {
        display: inline-flex !important;
        visibility: visible !important;
        filter: var(--v-svg-filter-fill) !important;
        fill: currentColor !important;
        fill-opacity: var(--v-menupopup-icon-fill-opacity);
        color: var(--v-arrowpanel-color) !important;
    }
    .menu-right {
        appearance: none !important;
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='M 6,13 11,8 6,3' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></svg>") !important;
        width: 16px !important;
        height: 16px !important;
        padding: 0px !important;
    }
    :is(menu,menuitem,menucaption) {
        color: var(--v-arrowpanel-color);
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem,menucaption) {
        color: var(--v-arrowpanel-color) !important;
    }
    :is(menu,menuitem)[_moz-menuactive="true"] {
        background: var(--v-arrowpanel-dimmed);
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem)[_moz-menuactive="true"] {
        background: var(--v-arrowpanel-dimmed) !important;
    }
    :is(menu,menuitem)[_moz-menuactive="true"]:active {
        background: var(--v-arrowpanel-dimmed-further);
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem)[_moz-menuactive="true"]:active {
        background: var(--v-arrowpanel-dimmed-further) !important;
    }
    :where(:not(#ContentSelectDropdown)) > & :is(menu,menuitem,menucaption):is([disabled="true"],[disabled="true"]:active) {
        opacity: 0.6 !important;
        background: none !important;
    }
    menuitem {
        &[type="checkbox"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/></svg>") !important;
        }
        &[type="checkbox"][checked="true"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/><path d='M 3,7 7,11 13,5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></g></svg>") !important;
        }
        &[type="radio"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/></svg>") !important;
        }
        &[type="radio"][checked="true"] > .menu-iconic-left {
            list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;opacity:.15;'/><circle cx='8' cy='8' r='4.5' style='fill:none;stroke:rgb(177, 177, 187);stroke-width:1;'/></g></svg>") !important;
        }
        &[id$="create-screenshot"] > .menu-iconic-left > .menu-iconic-icon {
            -moz-context-properties: fill;
            fill: currentColor;
        }
    }
    &:-moz-locale-dir(rtl) .menu-right > image {
        transform: scaleX(-1) !important;
    }
}
arrowscrollbox.menupopup-arrowscrollbox {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--v-arrowpanel-background) !important;
    color: var(--v-arrowpanel-color) !important;
}
#context-navigation {
    &:not([hidden]) {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        min-width: 0px !important;
    }
    & > .menuitem-iconic {
        width: auto !important;
        flex-grow: 1 !important;
        justify-content: center !important;
    }
    & > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
        background-color: transparent !important;
    }
}
/* <-- меню */
}


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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-findbar-flex-direction: row; /* row-reverse - findbar справа */
    --v-findbar-container-start: 100%; /* 1px - findbar справа */
    --v-findbar-container-end: 1px; /* 100% - findbar справа */
    --v-findbar-margin-right: 17px; /* отступ для скроллбара */
    --v-findbar-duration: 150ms; /* длительность анимации */
    --v-findbar-border-radius: 6px; /* радиус скругления findbar */
    --v-findbar-textbox-radius: 3px; /* радиус скругления поля ввода */
    --v-findbar-textbox-width: 14em; /* длина поля ввода */
    --v-findbar-toolbarbutton-border-radius: 3px; /* радиус скругления кнопок */
    --v-findbar-toolbarbutton-inner-padding: 3px; /* влияет на размер кнопок и поля ввода */
    --v-findbar-toolbarbutton-icon-display: flex; /* none - скрыть иконки на кнопках */
    --v-findbar-toolbarbutton-text-display: none; /* flex - показать текст на кнопках */
}
.browserContainer > findbar {
    order: -1 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: var(--v-findbar-margin-right) !important;
    border: none !important;
    display: flex !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    box-shadow: none !important;
    overflow: visible !important;
    --toolbarbutton-inner-padding: var(--v-findbar-toolbarbutton-inner-padding);
    --toolbarbutton-border-radius: var(--v-findbar-toolbarbutton-border-radius);
    & > .findbar-container {
        position: fixed !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: var(--v-findbar-flex-direction) !important;
        inset: auto !important;
        margin: -1px 0 0 0 !important;
        height: auto !important;
        min-width: 0 !important;
        padding: 1px !important;
        padding-inline-start: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-start)) !important;
        padding-inline-end: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-end)) !important;
        overflow: hidden !important;
        border: 1px solid var(--chrome-content-separator-color, rgba(0,0,0,.25)) !important;
        border-top-width: 0 !important;
        box-shadow: none !important;
        z-index: 2 !important;
        border-radius: 0 0 var(--v-findbar-border-radius) var(--v-findbar-border-radius) !important;
        background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
        opacity: 1;
        animation-name: findbar-animation, findbar-animation-opacity !important;
        animation-delay: 0s !important;
        animation-duration: var(--v-findbar-duration) !important;
        animation-timing-function: linear, ease-out !important;
        animation-iteration-count: 1 !important;
        animation-fill-mode: none !important;
    }
    & > #findbar-close-container,
    & > toolbarbutton.findbar-closebutton {
        margin: 1px 3px !important;
        padding: 0 !important;
        border: none !important;
        border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
        -moz-appearance: none !important;
        appearance: none !important;
        position: fixed !important;
        display: flex !important;
        z-index: 2 !important;
        height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        opacity: 1;
        animation-name: findbar-animation, findbar-animation-opacity !important;
        animation-delay: 0s !important;
        animation-duration: var(--v-findbar-duration) !important;
        animation-timing-function: linear, ease-out !important;
        animation-iteration-count: 1 !important;
        animation-fill-mode: none !important;
    }
    & > #findbar-close-container > toolbarbutton.findbar-closebutton {
        appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
        width: 100% !important;
        border: none !important;
        border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    }
    & toolbarbutton.findbar-closebutton > .toolbarbutton-icon {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        height: 16px !important;
        width: 16px !important;
        border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    }
    &[hidden="true"] > .findbar-container,
    &[hidden="true"] > #findbar-close-container,
    &[hidden="true"] > toolbarbutton.findbar-closebutton {
        transform: translateY(-100%);
        animation-name: findbar-animation-hide, findbar-animation-opacity-hide !important;
        animation-timing-function: linear, ease-in !important;
        pointer-events: none !important;
        opacity: 0;
    }
    :root[lwtheme="true"] & {
        color: var(--toolbar-color, inherit) !important;
    }
    :root[lwtheme="true"] & > .findbar-container {
        background-repeat: no-repeat, repeat-y !important;
        background-position: right top, var(--lwt-background-alignment, right top) !important;
        background-color: var(--lwt-accent-color, transparent) !important;
        background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, var(--lwt-additional-images, none)) !important;
        background-attachment: scroll, fixed !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) {
        align-self: normal !important;
    }
    & > .findbar-container > * {
        margin: 1px !important;
        outline: none !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] {
        display: flex !important;
        flex-direction: row !important;
        align-items: normal !important;
    }
    & > .findbar-container > description:empty {
        margin: 0 !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable,
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
        padding-block: 0 !important;
        margin-inline: 0 !important;
        min-height: 22px !important;
        box-sizing: border-box !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.findbar-find-previous {
        margin-inline: 2px !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable {
        min-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        border: none !important;
        border-radius: var(--toolbarbutton-border-radius) !important;
        background-color: transparent !important;
        padding-inline: var(--toolbarbutton-inner-padding) !important;
        outline: none !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
        border-radius: var(--v-findbar-textbox-radius) !important;
        min-height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
        width: var(--v-findbar-textbox-width) !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox,
    & > .findbar-container > description,
    & > .findbar-container > label {
        padding-bottom: 1px !important;
    }
    & > .findbar-container > checkbox > .checkbox-label-box > .checkbox-icon,
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-text,
    & > .findbar-container > .find-status-icon {
        display: none !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-label-box,.toolbarbutton-text) {
        display: var(--v-findbar-toolbarbutton-text-display) !important;
        margin-inline: 2px !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-icon,
    & > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        height: 16px !important;
        width: 16px !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
        display: var(--v-findbar-toolbarbutton-icon-display) !important;
        appearance: none !important;
        background: none !important;
        color: inherit !important;
        filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='0'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
        fill: currentColor;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton) {
        appearance: none !important;
        padding: var(--toolbarbutton-inner-padding) !important;
        border-radius: var(--toolbarbutton-border-radius) !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):hover,
    & > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):hover {
        background-color: var(--toolbarbutton-hover-background, color-mix(in srgb, currentColor 17%, transparent)) !important;
    }
    & > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):is([checked="true"],:hover:active),
    & > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):is([checked="true"],:hover:active) {
        background-color: var(--toolbarbutton-active-background, color-mix(in srgb, currentColor 30%, transparent)) !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-highlight {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 2,3 V 4.2 H 6 V 12 h 1.2 l 0,-7.8 h 4 L 11.2,3 Z M 12.5,6 C 11.8,8.39 10,10.3 10,11.6 10,12.9 11.1,14 12.5,14 13.9,14 15,12.9 15,11.6 15,10.3 13.2,8.39 12.5,6 Z m 0,6.8 c -1,0 -1.3,-0.8 -1.3,-1.2 0,-1.1 0.8,-2.1 1.3,-3 0.5,0.9 1.3,1.9 1.3,3 0,0.4 -0.3,1.2 -1.3,1.2 z' /></svg>") !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-case-sensitive {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='m 6,3 -5,9 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 Z M 5.8,5.5 5.8,9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-match-diacritics {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 5,3 3,0 H 0 M 12,5 10,2 H 7 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z'/></svg>") !important;
    }
    & > .findbar-container > :is(checkbox,toolbarbutton).findbar-entire-word {
        list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 15,13.8 V 15 H 1 V 13.8 M 15,2.2 15,1 H 1 V 2.2 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
    }
}

@keyframes findbar-animation {
    from {
        transform: translateY(-100%);
        pointer-events: none;
    }
    to {
        transform: translateY(0%);
        pointer-events: none;
    }
}
@keyframes findbar-animation-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes findbar-animation-hide {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes findbar-animation-opacity-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
}


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

Выделить код

Код:

/* Кнопки управления окном */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
    --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
    --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
    --v-titlebar-button-image-height: 12px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 20%, transparent));
    --v-titlebar-button-background-active: var(--button-active-bgcolor, color-mix(in srgb, currentColor 10%, transparent));
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
    --v-titlebar-button-fill-opacity: .85;
    --v-titlebar-close-fill-opacity: .85;
}

:root[sizemode="normal"] #navigator-toolbox #titlebar {
    appearance: none !important;
    padding-top: 0 !important;
}
.titlebar-buttonbox-container {
    align-items: start !important;
}
.titlebar-buttonbox {
    appearance: none !important;
    align-items: start !important;
    justify-content: end !important;
    margin: 0 !important;
    padding: 0 !important;
}
:root[data-l10n-id="browser-main-window-mac"] .titlebar-buttonbox:-moz-locale-dir(ltr) {
    flex-direction: row-reverse !important;
}
:root[sizemode="normal"] #navigator-toolbox {
    border-top: none !important;
    padding-top: 0 !important;
    box-shadow: none !important;
}
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 0 !important;
}
:root[tabsintitlebar] #toolbar-menubar {
    padding-top: 0 !important;
}
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    display: flex !important;
    appearance: none !important;
    margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext],
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] {
    display: none !important;
}
#window-controls {
    align-items: start !important;
}
.titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
:is(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    fill-opacity: var(--v-titlebar-button-fill-opacity);
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.titlebar-buttonbox > .titlebar-close > .toolbarbutton-icon,
#close-button > .toolbarbutton-icon {
    fill-opacity: var(--v-titlebar-close-fill-opacity);
}
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
}
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
}
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
.titlebar-buttonbox > .titlebar-restore,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
}
.titlebar-buttonbox > .titlebar-button:hover,
:is(#minimize-button,#restore-button):hover {
    background-color: var(--v-titlebar-button-background-hover) !important;
}
.titlebar-buttonbox > .titlebar-button:hover:active,
:is(#minimize-button,#restore-button):hover:active {
    background-color: var(--v-titlebar-button-background-active) !important;
}
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
}
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: white !important;
}
.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: white !important;
}
}

Огромнейшее СПАСИБО!!!!!не могли бы вы еще и этот стиль обновить  пожалуйста

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-main-menubar-min-height: 20px;
    --v-main-menubar-min-width: 20px;
    --v-main-menubar-background-color: rgba(255,255,255);
    --v-main-menubar-background-color-hover: LightGray;
    --v-main-menubar-background-color-active: rgba(255,255,255);
}

/* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */
#titlebar > #toolbar-menubar[autohide="true"] #main-menubar > menu {
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    border-radius: 0px !important;
    background: var(--v-main-menubar-background-color) !important;
    color: var(--v-main-menubar-color) !important;
    text-shadow: none !important;
    border-image: none !important;
    min-height: var(--v-main-menubar-min-height) !important;
    height: 1.25em !important;
}
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items > #main-menubar {
    opacity: 0 !important;
    pointer-events: none !important;
    min-width: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    height: 0 !important;
}
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar,
#titlebar > #toolbar-menubar[autohide="true"]:not([inactive]) #menubar-items > #main-menubar {
    opacity: 1 !important;
    pointer-events: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
}
:root:not([inFullscreen]) #titlebar > #toolbar-menubar[autohide="true"] #menubar-items {
    position: fixed !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    top: auto !important;
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    z-index: 5 !important;
    visibility: visible !important;
    font-size: 12px !important;
}
#titlebar > #toolbar-menubar[autohide="true"] {
    visibility: visible !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
}
#titlebar > #toolbar-menubar[autohide="true"] #main-menubar {
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    border-radius: 0px !important;
    padding-block: 0 !important;
}
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items::before {
    content: "F";
    display: flex;
    padding: 0px 2px;
    font: menu;
    font-weight: bold;
    font-style: normal;
    align-items: center;
    justify-content: center;
    cursor: default;
    background: var(--v-main-menubar-background-color);
    border-radius: 0px;
    color: var(--v-main-menubar-color);
    text-shadow: none;
    min-height: var(--v-main-menubar-min-height);
    min-width: calc(var(--v-main-menubar-min-width) - (var(--v-main-menubar-min-width) / 3));
    height: 1.25em;
    pointer-events: none;
    box-sizing: border-box;
}
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items:hover::before,
#titlebar > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
    background: var(--v-main-menubar-background-color-hover) !important;
}
#titlebar > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is([open="true"],[checked="true"],:hover:active) {
    background: var(--v-main-menubar-background-color-active) !important;
}
#titlebar > #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
    font: menu !important;
    min-width: var(--v-main-menubar-min-width) !important;
    width: 1.1em !important;
}
:root:not([inFullscreen]) #titlebar > #toolbar-menubar[autohide="true"] + #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
    display: flex !important;
}
:root:not([inFullscreen]) #titlebar > #toolbar-menubar[autohide="true"] + #TabsToolbar .tabbrowser-tab[first-visible-tab]::before {
    content: "" !important;
    display: block !important;
}
:root:not([inFullscreen]) #titlebar > #toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container {
    visibility: visible !important;
}
#titlebar > #toolbar-menubar[autohide="true"] + #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

Отсутствует

 

№1396425-03-2024 10:33:17

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 147
UA: Firefox 115.0

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

Всем привет.
Недавно обновился до [firefox] 115.9.1 ESR и прошлый userChrome.css поломался.

Подскажите пжа,
1. Как убрать значки в адресной строке, такие как масштаб и звездочку?

Значки
ZNACKI-V-ADRESNOI-STROKE.jpg

2. И как расширить панель поиска?
Раньше работал такой код.
Код

Выделить код

Код:

/***** Расширить панель поиска *****/
#PopupSearchAutoComplete {
 width: 500px !important;
}

Скриншот
RASSIRIT-PANEL-POISKA.jpg

Отсутствует

 

№1396525-03-2024 14:21:07

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

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

Alex_one пишет

1. Как убрать значки в адресной строке, такие как масштаб и звездочку?

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

Выделить код

Код:

#urlbar-zoom-button, #star-button-box  {
   display: none;
}

2. И как расширить панель поиска?

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

Выделить код

Код:

#search-container {
  min-width: 325px !important;
  width: 325px !important;
}

или так:

Выделить код

Код:

#search-container {
  flex: 375 375 auto !important;
}

Добавлено 25-03-2024 14:50:54

Alex_one пишет

Раньше работал такой код.

Этот код расширяет выпадающее меню окно панели поиска, а не панель поиска.
Замените width: на --panel-width:

Отредактировано kokoss (25-03-2024 16:11:04)

Win7

Отсутствует

 

№1396625-03-2024 15:12:43

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 147
UA: Firefox 115.0

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

kokoss
Спасибо большое!
Значки скрыл.


kokoss пишет

Этот код расширяет выпадающее меню панели поиска, а не панель поиска.

Да, Вы правы, вот оно и нужно было :beer:

Отсутствует

 

№1396725-03-2024 16:20:11

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

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

egorsemenov06 пишет

еще и этот стиль обновить

Да вроде нечего обновлять, у меня только оформленно по новому

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-main-menubar-min-height: 20px;
    --v-main-menubar-min-width: 15px;
    --v-main-menubar-color: rgb(255, 255, 255);
    --v-main-menubar-background-color: rgb(0, 116, 232);
    --v-main-menubar-background-color-hover: rgb(23, 139, 255);
    --v-main-menubar-background-color-active: rgb(0, 89, 232);
    &[uidensity="touch"] { /* мобильный режим */
        --v-main-menubar-min-height: 26px;
        --v-main-menubar-min-width: 21px;
    }
}

#titlebar {
    /* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu {
        appearance: none !important;
        border: none !important;
        border-radius: 0px !important;
        background: var(--v-main-menubar-background-color) !important;
        color: var(--v-main-menubar-color) !important;
        text-shadow: none !important;
        border-image: none !important;
        min-height: var(--v-main-menubar-min-height) !important;
        height: 1.25em !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items > #main-menubar {
        opacity: 0 !important;
        pointer-events: none !important;
        min-width: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar,
    & > #toolbar-menubar[autohide="true"]:not([inactive]) #menubar-items > #main-menubar {
        opacity: 1 !important;
        pointer-events: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"] #menubar-items {
        position: fixed !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        top: auto !important;
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        z-index: 5 !important;
        visibility: visible !important;
        font-size: 12px !important;
    }
    & > #toolbar-menubar[autohide="true"] {
        visibility: visible !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }
    & > #toolbar-menubar[autohide="true"] #main-menubar {
        appearance: none !important;
        background: none !important;
        border-radius: 0px !important;
        padding-block: 0 !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items::before {
        content: "F";
        display: flex;
        padding: 0px 2px;
        font: menu;
        font-weight: bold;
        font-style: normal;
        align-items: center;
        justify-content: center;
        cursor: default;
        background: var(--v-main-menubar-background-color);
        border-radius: 0px;
        color: var(--v-main-menubar-color);
        text-shadow: none;
        min-height: var(--v-main-menubar-min-height);
        min-width: calc(var(--v-main-menubar-min-width) - (var(--v-main-menubar-min-width) / 3));
        height: 1.25em;
        pointer-events: none;
        box-sizing: border-box;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items:hover::before,
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
        background: var(--v-main-menubar-background-color-hover) !important;
    }
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is([open="true"],[checked="true"],:hover:active) {
        background: var(--v-main-menubar-background-color-active) !important;
    }
    & > #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
        font: menu !important;
        min-width: var(--v-main-menubar-min-width) !important;
        width: 1.1em !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"] + #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
        display: flex !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container {
        visibility: visible !important;
    }
    & > #toolbar-menubar[autohide="true"] + #TabsToolbar > .toolbar-items {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    /* <-- Классическое меню - показывать при наведении или при нажатии клавиши "Alt" */
}
}

UserChromeFiles   Webextensions and Experiments

Отсутствует

 

№1396825-03-2024 17:54:55

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 124.0

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

Vitaliy V., как правильно по новому оформить такую конструкцию?

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

Выделить код

Код:

a > b > c > d {}
e > b > c > d {}
f > b > c > d {}
g > b > c > d {}


получилось только так, убрав b
скрытый текст

Выделить код

Код:

c > d {
  a & {}
  e & {}
  f & {}
  g & {}
}

Отсутствует

 

№1396925-03-2024 18:04:59

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 410
UA: Firefox 124.0

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

Vitaliy V. пишет
egorsemenov06 пишет

еще и этот стиль обновить

Да вроде нечего обновлять, у меня только оформленно по новому

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-main-menubar-min-height: 20px;
    --v-main-menubar-min-width: 15px;
    --v-main-menubar-color: rgb(255, 255, 255);
    --v-main-menubar-background-color: rgb(0, 116, 232);
    --v-main-menubar-background-color-hover: rgb(23, 139, 255);
    --v-main-menubar-background-color-active: rgb(0, 89, 232);
    &[uidensity="touch"] { /* мобильный режим */
        --v-main-menubar-min-height: 26px;
        --v-main-menubar-min-width: 21px;
    }
}

#titlebar {
    /* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu {
        appearance: none !important;
        border: none !important;
        border-radius: 0px !important;
        background: var(--v-main-menubar-background-color) !important;
        color: var(--v-main-menubar-color) !important;
        text-shadow: none !important;
        border-image: none !important;
        min-height: var(--v-main-menubar-min-height) !important;
        height: 1.25em !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items > #main-menubar {
        opacity: 0 !important;
        pointer-events: none !important;
        min-width: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar,
    & > #toolbar-menubar[autohide="true"]:not([inactive]) #menubar-items > #main-menubar {
        opacity: 1 !important;
        pointer-events: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"] #menubar-items {
        position: fixed !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        top: auto !important;
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        z-index: 5 !important;
        visibility: visible !important;
        font-size: 12px !important;
    }
    & > #toolbar-menubar[autohide="true"] {
        visibility: visible !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }
    & > #toolbar-menubar[autohide="true"] #main-menubar {
        appearance: none !important;
        background: none !important;
        border-radius: 0px !important;
        padding-block: 0 !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items::before {
        content: "F";
        display: flex;
        padding: 0px 2px;
        font: menu;
        font-weight: bold;
        font-style: normal;
        align-items: center;
        justify-content: center;
        cursor: default;
        background: var(--v-main-menubar-background-color);
        border-radius: 0px;
        color: var(--v-main-menubar-color);
        text-shadow: none;
        min-height: var(--v-main-menubar-min-height);
        min-width: calc(var(--v-main-menubar-min-width) - (var(--v-main-menubar-min-width) / 3));
        height: 1.25em;
        pointer-events: none;
        box-sizing: border-box;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items:hover::before,
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
        background: var(--v-main-menubar-background-color-hover) !important;
    }
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is([open="true"],[checked="true"],:hover:active) {
        background: var(--v-main-menubar-background-color-active) !important;
    }
    & > #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
        font: menu !important;
        min-width: var(--v-main-menubar-min-width) !important;
        width: 1.1em !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"] + #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
        display: flex !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container {
        visibility: visible !important;
    }
    & > #toolbar-menubar[autohide="true"] + #TabsToolbar > .toolbar-items {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    /* <-- Классическое меню - показывать при наведении или при нажатии клавиши "Alt" */
}
}

Cпасбо но у меня из-за вот этого стиля /* Добавляет отображение названия браузера в строке меню */ кнопка F отображаеться не пойми как если Вам не сложно поправте этот стиль

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

Выделить код

Код:

/* Добавляет отображение названия браузера в строке меню */
#main-menubar::after {
   display: inline-flex;
   content: attr(version);
   flex-direction: row;
   align-items: center;
   padding-inline-start: 6px;
   padding-inline-end: 6px;
   font-weight: bold !important;
   background: rgba(255,255,255);
   color: red !important; /* красеый цвет шрифта */ 
}

скрипт // Версия браузера в меню
скрытый текст

Выделить код

Код:

// Версия браузера в меню
(async id => {
	var ucs = {
		esr: "ESR",
		beta: "Beta",
		release: "Release",
		nightly: "Nightly",
		aurora: "DevEdition",
		default: "Unbraindead", // ?
	};
	var arr = [
		Services.appinfo.name,
		"v" + AppConstants.MOZ_APP_VERSION_DISPLAY,
		`(${Services.appinfo.is64Bit ? 64 : 32}-bit)`
	];
	var uc = ucs[AppConstants.MOZ_UPDATE_CHANNEL];
	uc && arr.splice(1, 0, uc);
	document.getElementById(id).setAttribute("version", arr.join(" "));

})("main-menubar");

Отредактировано egorsemenov06 (25-03-2024 18:27:53)

Отсутствует

 

№1397025-03-2024 18:26:32

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

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

6e73epo
чтобы стиль точно соответствовал я бы так записал, это не единственный вариант

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

Выделить код

Код:

b > c > d {
    a > & {}
    e > & {}
    f > & {}
    g > & {}
}


Да по логике так выходит но с > не работает
тогда так, c b работает
скрытый текст

Выделить код

Код:

b > c > d {
    a & {}
    e & {}
    f & {}
    g & {}
}


Так тоже работает стиль полностью соответсвует но проще оставить как есть
скрытый текст

Выделить код

Код:

b {
    a > & > c > d {}
    e > & > c > d {}
    f > & > c > d {}
    g > & > c > d {}
}


P.S. А если свойства для a,e,f,g одинаковые то и короче можно записать
скрытый текст

Выделить код

Код:

:is(a,e,f,g) > b > c > d {}


egorsemenov06

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

Выделить код

Код:

/* Добавляет отображение названия браузера в строке меню */
#main-menubar::after {
    display: flex;
    content: attr(version);
    height: 1.25em;
    min-height: var(--v-main-menubar-min-height, 1.25em);
    flex-direction: row;
    align-items: center;
    padding-inline-start: 6px;
    padding-inline-end: 6px;
    font-weight: bold !important;
    background: rgba(255,255,255);
    color: red !important; /* красеый цвет шрифта */
}

Отредактировано Vitaliy V. (25-03-2024 20:49:05)

UserChromeFiles   Webextensions and Experiments

Отсутствует

 

№1397125-03-2024 18:30:46

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 410
UA: Firefox 124.0

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

Vitaliy V. пишет

6e73epo
чтобы стиль точно соответствовал я бы так записал, это не единственный вариант

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

Выделить код

Код:

b > c > d {
    a > & {}
    e > & {}
    f > & {}
    g > & {}
}

egorsemenov06

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

Выделить код

Код:

/* Добавляет отображение названия браузера в строке меню */
#main-menubar::after {
    display: flex;
    content: attr(version);
    height: 1.25em;
    min-height: var(--v-main-menubar-min-height, 1.25em);
    flex-direction: row;
    align-items: center;
    padding-inline-start: 6px;
    padding-inline-end: 6px;
    font-weight: bold !important;
    background: rgba(255,255,255);
    color: red !important; /* красеый цвет шрифта */
}

СПАСИБИШЕ ОГРОМНЕЙШЕЕ!!!!!!!

Отсутствует

 

№1397225-03-2024 21:37:37

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 124.0

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

Vitaliy V. по тестам понял, что лучше не выносить вложенные селекторы на внешний уровень, хотя и в реализации "& >" встречаются сложности, если селектор начинается с html|...

Отсутствует

 

№1397326-03-2024 16:33:26

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 147
UA: Firefox 115.0

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

А возможно ли сделать темней эту светлую панель средствами userChrome.css ?

скрытый текст
26-03-2024_161931.jpg

Отсутствует

 

№1397426-03-2024 20:02:19

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

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

Alex_one пишет

А возможно ли сделать темней эту светлую панель средствами userChrome.css ?
скрытый текст

разве что так

Выделить код

Код:

#nav-bar {
  background: linear-gradient(90deg, rgb(115, 199, 252) 1%, #2af 50%, rgb(1, 71, 114) 99%);
}

это панель навигации, и она не состоит из блоков, цвета если что свои подставите.

Win7

Отсутствует

 

№1397526-03-2024 20:23:04

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 147
UA: Firefox 115.0

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

kokoss
Спасибо большое!

Отсутствует

 

Страницы: « 1 … 557 558 559 560 561 562 # »

Board footer

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