Т.е. код выше равен коду ниже?
Да все верно, https://developer.mozilla.org/en-US/doc … SS_nesting
Кстати At-rules в том числе медиа запросы тоже могут быть вложенными в селектор https://developer.mozilla.org/en-US/doc … g_at-rules
Отсутствует
Vitaliy V.
В общем понятно, в некоторых случаях писанины меньше будет. А вот по поводу At-rules, в частности @media, сомнительно для глобального применения, только, разве что для каких то точечных правок. Например prefers-color-scheme - переключился на тему, настроил и записал одним блоком - это проще, чем дописывать вложения в существующий стиль и проще для последующего редактирования.
Отсутствует
Здравствуйте, у меня есть старый файл user.css и он перестал работать. Скачал лисенка, решил вспомнить молодость и ничаво не работает, он достаточно большой, почти 4кб. Есть сейчас какая нибудь библиотека или мне просто выложить его и совместно скорректируем, другим тоже пригодится )).
Отсутствует
Здравствуйте, у меня есть старый файл user.css и он перестал работать
Для начала включить в about:config настройку: toolkit.legacyUserProfileCustomizations.stylesheets, и попробуйте этот способ -> https://forum.mozilla-russia.org/viewto … 94#p808894
он достаточно большой, почти 4кб
Ну да, очень большой!
Win7
Отсутствует
qawas, под спойлер свою простынку спрячьте, пожалуйста
Отсутствует
qawas, под спойлер свою простынку спрячьте, пожалуйста
Понял бесполезно, раньше здесь были приветливые люди, к примеру Крошка Ру, а теперь ...
Отсутствует
раньше здесь были приветливые люди
Во блин, публика пошла...
Да Вы сначала сами научитесь быть вежливыми к окружающими,
в том числе и при размещении своих сообщений в читабельном виде
Отсутствует
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)
Отсутствует
Возможно ли сделать через userChrome.css чтобы запуск дополнения был на панели инструментов как было реализовано в прошлых версиях.
А сейчас они у вас где?
Add, кнопка "Расширения":
Отредактировано kokoss (23-03-2024 23:59:46)
Win7
Отсутствует
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; } }
Отсутствует
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; }
Отсутствует
Всем привет.
Недавно обновился до 115.9.1 ESR и прошлый userChrome.css поломался.
Подскажите пжа,
1. Как убрать значки в адресной строке, такие как масштаб и звездочку?
/***** Расширить панель поиска *****/ #PopupSearchAutoComplete { width: 500px !important; }
Отсутствует
1. Как убрать значки в адресной строке, такие как масштаб и звездочку?
2. И как расширить панель поиска?
или так:
Добавлено 25-03-2024 14:50:54
Раньше работал такой код.
Этот код расширяет выпадающее меню окно панели поиска, а не панель поиска.
Замените width: на --panel-width:
Отредактировано kokoss (25-03-2024 16:11:04)
Win7
Отсутствует
kokoss
Спасибо большое!
Значки скрыл.
Этот код расширяет выпадающее меню панели поиска, а не панель поиска.
Да, Вы правы, вот оно и нужно было
Отсутствует
еще и этот стиль обновить
Да вроде нечего обновлять, у меня только оформленно по новому
@-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" */ } }
Отсутствует
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)
Отсутствует
6e73epo
чтобы стиль точно соответствовал я бы так записал, это не единственный вариант
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)
Отсутствует
6e73epo
чтобы стиль точно соответствовал я бы так записал, это не единственный вариантскрытый текст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. по тестам понял, что лучше не выносить вложенные селекторы на внешний уровень, хотя и в реализации "& >" встречаются сложности, если селектор начинается с html|...
Отсутствует
А возможно ли сделать темней эту светлую панель средствами userChrome.css ?
скрытый текст
#nav-bar { background: linear-gradient(90deg, rgb(115, 199, 252) 1%, #2af 50%, rgb(1, 71, 114) 99%); }
это панель навигации, и она не состоит из блоков, цвета если что свои подставите.
Win7
Отсутствует