1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/global/menu.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,248 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.9 +
1.10 +menu,
1.11 +menuitem {
1.12 + -moz-appearance: menuitem;
1.13 + -moz-box-align: center;
1.14 + color: MenuText;
1.15 + font: -moz-pull-down-menu;
1.16 + list-style-image: none;
1.17 + -moz-image-region: auto;
1.18 + padding: 0 21px 2px;
1.19 +}
1.20 +
1.21 +menu[disabled="true"], menuitem[disabled="true"],
1.22 +menu[_moz-menuactive="true"][disabled="true"],
1.23 +menuitem[_moz-menuactive="true"][disabled="true"] {
1.24 + color: -moz-mac-menutextdisable;
1.25 +}
1.26 +
1.27 +/* ..... internal content .... */
1.28 +
1.29 +.menu-text,
1.30 +.menu-iconic-text,
1.31 +.menu-accel,
1.32 +.menu-iconic-accel {
1.33 + margin: 0 !important;
1.34 +}
1.35 +
1.36 +.menu-text,
1.37 +.menu-iconic-text {
1.38 + font-weight: inherit;
1.39 + color: inherit;
1.40 +}
1.41 +
1.42 +.menu-description {
1.43 + font-style: italic;
1.44 + color: -moz-mac-menutextdisable;
1.45 + -moz-margin-start: 1ex !important;
1.46 +}
1.47 +
1.48 +.menu-iconic-icon {
1.49 + height: 16px;
1.50 + margin-top: -2px;
1.51 + margin-bottom: -2px;
1.52 + -moz-margin-end: 5px;
1.53 + /* Empty icons shouldn't take up room, so we need to compensate
1.54 + * the 5px margin-end with a negative margin-start.
1.55 + */
1.56 + -moz-margin-start: -5px;
1.57 +}
1.58 +
1.59 +/* menuitems with icons */
1.60 +.menuitem-iconic,
1.61 +.menu-iconic,
1.62 +menuitem[image],
1.63 +menuitem[src] {
1.64 + /* 2px higher than those without icons */
1.65 + padding-top: 1px;
1.66 + padding-bottom: 3px;
1.67 +}
1.68 +
1.69 +.menuitem-iconic > .menu-iconic-left > .menu-iconic-icon,
1.70 +.menu-iconic > .menu-iconic-left > .menu-iconic-icon,
1.71 +menuitem[image] > .menu-iconic-left > .menu-iconic-icon,
1.72 +menuitem[src] > .menu-iconic-left > .menu-iconic-icon {
1.73 + -moz-margin-start: 0;
1.74 + width: 16px;
1.75 +}
1.76 +
1.77 +/* ..... menu arrow box ..... */
1.78 +
1.79 +.menu-right,
1.80 +.menu-accel-container {
1.81 + -moz-margin-start: 21px;
1.82 + -moz-box-pack: end;
1.83 +}
1.84 +
1.85 +.menu-accel-container {
1.86 + -moz-margin-end: -9px;
1.87 +}
1.88 +
1.89 +.menu-right {
1.90 + -moz-margin-end: -10px;
1.91 + width: 9px;
1.92 + list-style-image: url("chrome://global/skin/menu/menu-arrow.png");
1.93 + -moz-image-region: rect(0, 9px, 10px, 0);
1.94 +}
1.95 +
1.96 +.menu-right[_moz-menuactive="true"]:not([disabled="true"]) {
1.97 + -moz-image-region: rect(0, 18px, 10px, 9px);
1.98 +}
1.99 +
1.100 +.menu-right[disabled="true"] {
1.101 + -moz-image-region: rect(0, 27px, 10px, 18px);
1.102 +}
1.103 +
1.104 +.menu-right:-moz-locale-dir(rtl) {
1.105 + transform: scaleX(-1);
1.106 +}
1.107 +
1.108 +@media (min-resolution: 2dppx) {
1.109 + .menu-right > image {
1.110 + list-style-image: url("chrome://global/skin/menu/menu-arrow@2x.png");
1.111 + -moz-image-region: rect(0, 18px, 20px, 0);
1.112 + width: 9px;
1.113 + height: 10px;
1.114 + }
1.115 +
1.116 + .menu-right[_moz-menuactive="true"]:not([disabled="true"]) > image {
1.117 + -moz-image-region: rect(0, 36px, 20px, 18px);
1.118 + }
1.119 +
1.120 + .menu-right[disabled="true"] > image {
1.121 + -moz-image-region: rect(0, 54px, 20px, 36px);
1.122 + }
1.123 +}
1.124 +
1.125 +/* ::::: menu/menuitems in menubar ::::: */
1.126 +
1.127 +menubar > menu {
1.128 + -moz-appearance: none;
1.129 + padding: 2px 5px 2px 7px;
1.130 + margin: 1px 0;
1.131 +}
1.132 +
1.133 +menubar > menu[_moz-menuactive="true"] {
1.134 + color: inherit;
1.135 + background-color: transparent;
1.136 +}
1.137 +
1.138 +menubar > menu[_moz-menuactive="true"][open="true"] {
1.139 + -moz-appearance: menuitem;
1.140 + color: -moz-mac-menutextselect;
1.141 +}
1.142 +
1.143 +/* ..... internal content .... */
1.144 +
1.145 +.menubar-left {
1.146 + margin: 0 2px;
1.147 + color: inherit;
1.148 +}
1.149 +
1.150 +.menubar-text {
1.151 + margin: 0 1px !important;
1.152 + color: inherit;
1.153 +}
1.154 +
1.155 +/* ::::: menu/menuitems in popups ::::: */
1.156 +
1.157 +menupopup > menu,
1.158 +menupopup > menuitem {
1.159 + max-width: 42em;
1.160 +}
1.161 +
1.162 +menu[_moz-menuactive="true"],
1.163 +menuitem[_moz-menuactive="true"] {
1.164 + color: -moz-mac-menutextselect;
1.165 + background-color: Highlight;
1.166 +}
1.167 +
1.168 +/* ::::: menu/menuitems in menulist popups ::::: */
1.169 +
1.170 +.menulist-menupopup > menuitem,
1.171 +menulist > menupopup > menuitem,
1.172 +.menulist-menupopup > menu,
1.173 +menulist > menupopup > menu {
1.174 + max-width: none;
1.175 + font: inherit;
1.176 + color: -moz-FieldText;
1.177 +}
1.178 +
1.179 +/* ::::: menuitems in editable menulist popups ::::: */
1.180 +
1.181 +menulist[editable="true"] > menupopup > menuitem {
1.182 + -moz-appearance: none;
1.183 +}
1.184 +
1.185 +menulist[editable="true"] > menupopup > menuitem > .menu-iconic-left {
1.186 + display: none;
1.187 +}
1.188 +
1.189 +/* ::::: checked menuitems ::::: */
1.190 +
1.191 +:not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left,
1.192 +:not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left {
1.193 + padding-top: 1px;
1.194 + -moz-margin-start: -15px;
1.195 + -moz-padding-start: 15px;
1.196 + background: -moz-image-rect("chrome://global/skin/menu/menu-check.png", 0, 11, 11, 0) bottom left no-repeat transparent;
1.197 +}
1.198 +
1.199 +:not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left:-moz-locale-dir(rtl),
1.200 +:not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left:-moz-locale-dir(rtl) {
1.201 + background-position: bottom right;
1.202 +}
1.203 +
1.204 +:not(menulist) > menupopup > menuitem[checked="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left,
1.205 +:not(menulist) > menupopup > menuitem[selected="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left {
1.206 + background-image: -moz-image-rect("chrome://global/skin/menu/menu-check.png", 0, 22, 11, 11);
1.207 +}
1.208 +
1.209 +@media (min-resolution: 2dppx) {
1.210 + :not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left,
1.211 + :not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left {
1.212 + background-size: 11px 11px;
1.213 + background-image: -moz-image-rect("chrome://global/skin/menu/menu-check@2x.png", 0, 22, 22, 0);
1.214 + }
1.215 +
1.216 + :not(menulist) > menupopup > menuitem[checked="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left,
1.217 + :not(menulist) > menupopup > menuitem[selected="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left {
1.218 + background-image: -moz-image-rect("chrome://global/skin/menu/menu-check@2x.png", 0, 44, 22, 22);
1.219 + }
1.220 +}
1.221 +
1.222 +menulist:not([editable="true"]) > menupopup > menuitem[checked="true"]::before,
1.223 +menulist:not([editable="true"]) > menupopup > menuitem[selected="true"]::before {
1.224 + content: '\2713'; /* a checkmark */
1.225 + display: block;
1.226 + width: 15px;
1.227 + -moz-margin-start: -15px;
1.228 +}
1.229 +
1.230 +/* ::::: menuseparator ::::: */
1.231 +
1.232 +menuseparator {
1.233 + -moz-appearance: menuseparator;
1.234 + margin: 5px 0;
1.235 + padding: 1px 0 !important;
1.236 +}
1.237 +
1.238 +/* ::::: autocomplete ::::: */
1.239 +
1.240 +.autocomplete-history-popup > menuitem {
1.241 + max-width: none !important;
1.242 + font: message-box;
1.243 +}
1.244 +
1.245 +/* ::::: tree column picker ::::: */
1.246 +
1.247 +.treecell-popupcell-menu {
1.248 + margin-left: -2px;
1.249 + list-style-image: url("chrome://global/skin/columnselect.gif");
1.250 + -moz-image-region: auto;
1.251 +}
