summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/faststripe/global/menu.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/themes/faststripe/global/menu.css')
-rw-r--r--toolkit/themes/faststripe/global/menu.css234
1 files changed, 234 insertions, 0 deletions
diff --git a/toolkit/themes/faststripe/global/menu.css b/toolkit/themes/faststripe/global/menu.css
new file mode 100644
index 000000000..4f5820522
--- /dev/null
+++ b/toolkit/themes/faststripe/global/menu.css
@@ -0,0 +1,234 @@
+/* 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/. */
+
+/* ===== menu.css =======================================================
+ == Styles used by XUL menu-related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: menu/menuitem ::::: */
+
+menu,
+menuitem {
+ -moz-appearance: menuitem;
+ -moz-box-align: center;
+ color: MenuText;
+ font: menu;
+ list-style-image: none;
+ -moz-image-region: auto;
+}
+
+menuitem[default="true"] {
+ font-weight: bold;
+}
+
+menu[disabled="true"], menuitem[disabled="true"],
+menu[_moz-menuactive="true"][disabled="true"],
+menuitem[_moz-menuactive="true"][disabled="true"] {
+ color: GrayText;
+}
+
+menuitem.spell-suggestion {
+ font-weight:bold;
+}
+
+/* ..... internal content .... */
+
+.menu-accel,
+.menu-iconic-accel,
+.menu-text,
+.menu-iconic-text {
+ margin: 0px !important;
+ padding: 1px 0px;
+ color: inherit;
+}
+
+.menu-text {
+ padding-inline-start: 1.45em !important;
+ -moz-appearance: menuitemtext;
+}
+
+.menu-text,
+.menu-iconic-text {
+ font-weight: inherit;
+ margin-inline-start: 2px !important;
+ padding-inline-end: 2px;
+}
+
+.menu-description {
+ font-style: italic;
+ color: GrayText;
+ margin-inline-start: 1ex !important;
+}
+
+.menu-accel,
+.menu-iconic-accel {
+ color: inherit;
+ margin-inline-start: 0.74em !important;
+ margin-inline-end: 1.35em !important;
+}
+
+.menu-iconic-left {
+ min-width: 1.45em;
+}
+
+.menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+}
+
+menu.menu-iconic > .menu-iconic-left,
+menuitem.menuitem-iconic > .menu-iconic-left,
+menu.menu-iconic > .menu-iconic-right,
+menuitem.menuitem-iconic > .menu-iconic-right {
+ -moz-appearance: menuimage;
+ padding-top: 2px;
+}
+
+/* ..... menu arrow box ..... */
+
+.menu-right {
+ margin-inline-end: -2px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif");
+ -moz-box-pack: center;
+ min-width: 1.28em;
+ padding-top: 1px;
+}
+
+.menu-right[_moz-menuactive="true"],
+.menu-right[disabled="true"] {
+ /* XXXzpao We need a new image, essentially arrow-rit-sharp but white
+ * disabled=true should probably have a different image. */
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
+}
+
+/* ::::: menu/menuitems in menubar ::::: */
+
+menubar > menu {
+ padding: 1px 2px 2px 2px;
+}
+menubar > menu[_moz-menuactive="true"],
+menubar > menu[_moz-menuactive="true"][open="true"] {
+ color: -moz-menubarhovertext;
+ background-color: highlight;
+}
+
+/* ..... internal content .... */
+
+.menubar-left {
+ color: inherit;
+}
+
+.menubar-text {
+ margin: 1px 6px 2px 6px !important;
+ color: inherit;
+}
+
+/* ::::: menu/menuitems in popups ::::: */
+
+menupopup > menu,
+popup > menu,
+menupopup > menuitem,
+popup > menuitem {
+ padding-bottom: 1px;
+ max-width: 42em;
+}
+
+menu[_moz-menuactive="true"],
+menuitem[_moz-menuactive="true"] {
+ background-color: -moz-menuhover;
+ color: -moz-menuhovertext;
+}
+
+/* ::::: menu/menuitems in menulist popups ::::: */
+
+menulist > menupopup > menuitem,
+menulist > menupopup > menu {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ padding: 1px 5px;
+ max-width: none;
+ font: message-box;
+ color: -moz-FieldText;
+}
+
+menulist > menupopup > menuitem > .menu-iconic-left,
+menulist > menupopup > menu > .menu-iconic-left {
+ display: none;
+}
+
+menulist > menupopup > menuitem > label,
+menulist > menupopup > menu > label {
+ padding-top: 0px;
+ padding-bottom: 0px;
+}
+
+menulist > menupopup > menuitem[_moz-menuactive="true"] {
+ border: 1px dotted #F5DB95;
+ background-color: highlight;
+ color: highlighttext;
+}
+
+menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] {
+ color: GrayText;
+}
+
+menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]):-moz-system-metric(windows-classic) {
+ color: GrayText;
+ text-shadow: none;
+}
+
+menulist > menupopup > menuitem > .menu-iconic-text {
+ margin: 0 !important;
+}
+
+/* ::::: checkbox and radio menuitems ::::: */
+
+menuitem[checked="true"] > .menu-iconic-left {
+ list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+menuitem[checked="true"] > .menu-iconic-left[_moz-menuactive="true"],
+menuitem[checked="true"][disabled="true"] > .menu-iconic-left {
+ /* XXXzpao We need another image for here too.
+ * disabled=true should probably have a different image. */
+ list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif");
+}
+
+menuitem[type="radio"][checked="true"] > .menu-iconic-left {
+ list-style-image: url("chrome://global/skin/radio/radio-check.gif");
+}
+menuitem[type="radio"][checked="true"] > .menu-iconic-left[_moz-menuactive="true"],
+menuitem[type="radio"][checked="true"][disabled="true"] > .menu-iconic-left {
+ /* XXXzpao We need another image for here too
+ * disabled=true might need another image. Not sure if that can ever happen though. */
+ list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif");
+}
+
+menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
+menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
+menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
+ padding-top: 0px;
+ height: auto;
+ width: auto;
+}
+
+/* ::::: menuseparator ::::: */
+
+menuseparator {
+ margin: 3px 1px 5px 1px;
+ border-bottom: 1px solid gray;
+}
+
+menulist > menupopup > menuseparator {
+ padding: 6px 0 5px 0;
+ border-top: 1px solid black;
+}
+
+/* ::::: autocomplete ::::: */
+
+.autocomplete-history-popup > menuitem {
+ max-width: none !important;
+ font: message-box;
+}