95 lines
2 KiB
CSS
95 lines
2 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
@import url("chrome://global/skin/menu-shared.css");
|
|
|
|
/* ===== menu.css =======================================================
|
|
== Styles used by XUL menu-related elements.
|
|
======================================================================= */
|
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* ::::: menu/menuitem ::::: */
|
|
|
|
menubar > menu {
|
|
color: inherit;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
padding-bottom: 1px;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
|
|
menubar > menu[open] {
|
|
border-bottom-color: AccentColor;
|
|
}
|
|
|
|
menuitem[default="true"],
|
|
menuitem.spell-suggestion,
|
|
menucaption {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ::::: menu/menuitems in menulist popups ::::: */
|
|
|
|
menulist > menupopup {
|
|
font: inherit;
|
|
}
|
|
|
|
menulist > menupopup > :is(menuitem, menucaption, menu) {
|
|
max-width: none;
|
|
}
|
|
|
|
/* ..... internal content .... */
|
|
|
|
.menu-text,
|
|
.menu-iconic-left,
|
|
.menu-iconic-text,
|
|
.menubar-left {
|
|
margin-block: 0;
|
|
margin-inline: 0 2px;
|
|
}
|
|
|
|
.menu-text {
|
|
/* This is (18 + the size of end-padding on .menu-iconic-left)px */
|
|
margin-inline-start: 21px;
|
|
}
|
|
|
|
.menu-accel,
|
|
.menu-iconic-accel {
|
|
margin-block: 0;
|
|
margin-inline-start: 7px;
|
|
}
|
|
|
|
.menu-accel-container {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.menu-iconic-left {
|
|
min-width: 16px;
|
|
/* We can only hardcode this, to make the default GTK icon<->label spacing */
|
|
padding-inline-end: 3px;
|
|
}
|
|
|
|
.menu-iconic-icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.menubar-text {
|
|
margin: 0 1px;
|
|
}
|
|
|
|
menulist > menupopup > :is(menuitem, menucaption, menu) > .menu-iconic-left {
|
|
display: none;
|
|
}
|
|
|
|
menuitem:is([type="checkbox"], [checked="true"]) .menu-iconic-icon {
|
|
appearance: auto;
|
|
-moz-default-appearance: checkbox;
|
|
}
|
|
|
|
menuitem[type="radio"] .menu-iconic-icon {
|
|
appearance: auto;
|
|
-moz-default-appearance: radio;
|
|
}
|