diff -r 000000000000 -r 6474c204b198 toolkit/themes/osx/global/menu.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/toolkit/themes/osx/global/menu.css Wed Dec 31 06:09:35 2014 +0100 @@ -0,0 +1,248 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +menu, +menuitem { + -moz-appearance: menuitem; + -moz-box-align: center; + color: MenuText; + font: -moz-pull-down-menu; + list-style-image: none; + -moz-image-region: auto; + padding: 0 21px 2px; +} + +menu[disabled="true"], menuitem[disabled="true"], +menu[_moz-menuactive="true"][disabled="true"], +menuitem[_moz-menuactive="true"][disabled="true"] { + color: -moz-mac-menutextdisable; +} + +/* ..... internal content .... */ + +.menu-text, +.menu-iconic-text, +.menu-accel, +.menu-iconic-accel { + margin: 0 !important; +} + +.menu-text, +.menu-iconic-text { + font-weight: inherit; + color: inherit; +} + +.menu-description { + font-style: italic; + color: -moz-mac-menutextdisable; + -moz-margin-start: 1ex !important; +} + +.menu-iconic-icon { + height: 16px; + margin-top: -2px; + margin-bottom: -2px; + -moz-margin-end: 5px; + /* Empty icons shouldn't take up room, so we need to compensate + * the 5px margin-end with a negative margin-start. + */ + -moz-margin-start: -5px; +} + +/* menuitems with icons */ +.menuitem-iconic, +.menu-iconic, +menuitem[image], +menuitem[src] { + /* 2px higher than those without icons */ + padding-top: 1px; + padding-bottom: 3px; +} + +.menuitem-iconic > .menu-iconic-left > .menu-iconic-icon, +.menu-iconic > .menu-iconic-left > .menu-iconic-icon, +menuitem[image] > .menu-iconic-left > .menu-iconic-icon, +menuitem[src] > .menu-iconic-left > .menu-iconic-icon { + -moz-margin-start: 0; + width: 16px; +} + +/* ..... menu arrow box ..... */ + +.menu-right, +.menu-accel-container { + -moz-margin-start: 21px; + -moz-box-pack: end; +} + +.menu-accel-container { + -moz-margin-end: -9px; +} + +.menu-right { + -moz-margin-end: -10px; + width: 9px; + list-style-image: url("chrome://global/skin/menu/menu-arrow.png"); + -moz-image-region: rect(0, 9px, 10px, 0); +} + +.menu-right[_moz-menuactive="true"]:not([disabled="true"]) { + -moz-image-region: rect(0, 18px, 10px, 9px); +} + +.menu-right[disabled="true"] { + -moz-image-region: rect(0, 27px, 10px, 18px); +} + +.menu-right:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +@media (min-resolution: 2dppx) { + .menu-right > image { + list-style-image: url("chrome://global/skin/menu/menu-arrow@2x.png"); + -moz-image-region: rect(0, 18px, 20px, 0); + width: 9px; + height: 10px; + } + + .menu-right[_moz-menuactive="true"]:not([disabled="true"]) > image { + -moz-image-region: rect(0, 36px, 20px, 18px); + } + + .menu-right[disabled="true"] > image { + -moz-image-region: rect(0, 54px, 20px, 36px); + } +} + +/* ::::: menu/menuitems in menubar ::::: */ + +menubar > menu { + -moz-appearance: none; + padding: 2px 5px 2px 7px; + margin: 1px 0; +} + +menubar > menu[_moz-menuactive="true"] { + color: inherit; + background-color: transparent; +} + +menubar > menu[_moz-menuactive="true"][open="true"] { + -moz-appearance: menuitem; + color: -moz-mac-menutextselect; +} + +/* ..... internal content .... */ + +.menubar-left { + margin: 0 2px; + color: inherit; +} + +.menubar-text { + margin: 0 1px !important; + color: inherit; +} + +/* ::::: menu/menuitems in popups ::::: */ + +menupopup > menu, +menupopup > menuitem { + max-width: 42em; +} + +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"] { + color: -moz-mac-menutextselect; + background-color: Highlight; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +.menulist-menupopup > menuitem, +menulist > menupopup > menuitem, +.menulist-menupopup > menu, +menulist > menupopup > menu { + max-width: none; + font: inherit; + color: -moz-FieldText; +} + +/* ::::: menuitems in editable menulist popups ::::: */ + +menulist[editable="true"] > menupopup > menuitem { + -moz-appearance: none; +} + +menulist[editable="true"] > menupopup > menuitem > .menu-iconic-left { + display: none; +} + +/* ::::: checked menuitems ::::: */ + +:not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left, +:not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left { + padding-top: 1px; + -moz-margin-start: -15px; + -moz-padding-start: 15px; + background: -moz-image-rect("chrome://global/skin/menu/menu-check.png", 0, 11, 11, 0) bottom left no-repeat transparent; +} + +:not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left:-moz-locale-dir(rtl), +:not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left:-moz-locale-dir(rtl) { + background-position: bottom right; +} + +:not(menulist) > menupopup > menuitem[checked="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left, +:not(menulist) > menupopup > menuitem[selected="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left { + background-image: -moz-image-rect("chrome://global/skin/menu/menu-check.png", 0, 22, 11, 11); +} + +@media (min-resolution: 2dppx) { + :not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left, + :not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left { + background-size: 11px 11px; + background-image: -moz-image-rect("chrome://global/skin/menu/menu-check@2x.png", 0, 22, 22, 0); + } + + :not(menulist) > menupopup > menuitem[checked="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left, + :not(menulist) > menupopup > menuitem[selected="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left { + background-image: -moz-image-rect("chrome://global/skin/menu/menu-check@2x.png", 0, 44, 22, 22); + } +} + +menulist:not([editable="true"]) > menupopup > menuitem[checked="true"]::before, +menulist:not([editable="true"]) > menupopup > menuitem[selected="true"]::before { + content: '\2713'; /* a checkmark */ + display: block; + width: 15px; + -moz-margin-start: -15px; +} + +/* ::::: menuseparator ::::: */ + +menuseparator { + -moz-appearance: menuseparator; + margin: 5px 0; + padding: 1px 0 !important; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-history-popup > menuitem { + max-width: none !important; + font: message-box; +} + +/* ::::: tree column picker ::::: */ + +.treecell-popupcell-menu { + margin-left: -2px; + list-style-image: url("chrome://global/skin/columnselect.gif"); + -moz-image-region: auto; +}