0t5
Silver Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
/* ========== Background_menu =========== */
@-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)));
}
: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;
}
menupopup:where(:not([side])) {
margin: 0 !important;
}
menupopup > menu > menupopup {
margin-inline-start: 0 !important;
margin-top: -1px !important;
}
:where(#BMB_bookmarksPopup) {
margin-top: -4px !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, -moz-box);
}
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;
margin: 0 !important;
}
menupopup 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;
}
menupopup menuseparator::before {
content: "" !important;
display: inline-block !important;
position: static !important;
padding: 0 !important;
margin: 0 !important;
-moz-box-flex: 1 !important;
border: none !important;
border-top: 1px solid var(--v-panel-separator-color) !important;
}
menupopup :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;
}
menupopup .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;
}
#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: 0 !important;
}
menupopup .contentSelectDropdown-ingroup .menu-iconic-text {
margin-inline-start: 16px !important;
}
menupopup .menu-text {
appearance: none !important;
padding-inline-start: var(--v-menupopup-text-inline-start) !important;
margin-inline-start: 16px !important;
}
menupopup .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
width: 16px !important;
height: 16px !important;
padding: 0 !important;
margin: 0 !important;
}
menupopup menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
display: -moz-inline-box !important;
visibility: visible !important;
-moz-context-properties: fill, fill-opacity;
fill: currentColor !important;
fill-opacity: var(--v-menupopup-icon-fill-opacity);
color: var(--v-arrowpanel-color) !important;
}
menupopup .menu-right {
appearance: none !important;
list-style-image: url("./svg/menu-right-icon.svg") !important;
-moz-image-region: auto !important;
width: 16px !important;
height: 16px !important;
padding: 0px !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 menuitem[type="checkbox"] > .menu-iconic-left {
list-style-image: url("./svg/checkbox-icon.svg") !important;
-moz-image-region: auto !important;
}
menupopup menuitem[type="checkbox"][checked="true"] > .menu-iconic-left {
list-style-image: url("./svg/checkbox-icon-checked.svg") !important;
}
menupopup menuitem[type="radio"] > .menu-iconic-left {
list-style-image: url("./svg/radio-icon.svg") !important;
-moz-image-region: auto !important;
}
menupopup menuitem[type="radio"][checked="true"] > .menu-iconic-left {
list-style-image: url("./svg/radio-icon-checked.svg") !important;
}
menupopup:-moz-locale-dir(rtl) .menu-right > image {
transform: scaleX(-1) !important;
}
/* <-- меню */
}
|
Всего записей: 2078 | Зарегистр. 25-11-2018 | Отправлено: 17:05 22-02-2022 | Исправлено: 0t5, 17:51 22-02-2022 |
|
