The Tor Browser / file comparison
comparison: toolkit/themes/osx/global/menu.css
toolkit/themes/osx/global/menu.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:f049a7269974 |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 6 | |
| 7 menu, | |
| 8 menuitem { | |
| 9 -moz-appearance: menuitem; | |
| 10 -moz-box-align: center; | |
| 11 color: MenuText; | |
| 12 font: -moz-pull-down-menu; | |
| 13 list-style-image: none; | |
| 14 -moz-image-region: auto; | |
| 15 padding: 0 21px 2px; | |
| 16 } | |
| 17 | |
| 18 menu[disabled="true"], menuitem[disabled="true"], | |
| 19 menu[_moz-menuactive="true"][disabled="true"], | |
| 20 menuitem[_moz-menuactive="true"][disabled="true"] { | |
| 21 color: -moz-mac-menutextdisable; | |
| 22 } | |
| 23 | |
| 24 /* ..... internal content .... */ | |
| 25 | |
| 26 .menu-text, | |
| 27 .menu-iconic-text, | |
| 28 .menu-accel, | |
| 29 .menu-iconic-accel { | |
| 30 margin: 0 !important; | |
| 31 } | |
| 32 | |
| 33 .menu-text, | |
| 34 .menu-iconic-text { | |
| 35 font-weight: inherit; | |
| 36 color: inherit; | |
| 37 } | |
| 38 | |
| 39 .menu-description { | |
| 40 font-style: italic; | |
| 41 color: -moz-mac-menutextdisable; | |
| 42 -moz-margin-start: 1ex !important; | |
| 43 } | |
| 44 | |
| 45 .menu-iconic-icon { | |
| 46 height: 16px; | |
| 47 margin-top: -2px; | |
| 48 margin-bottom: -2px; | |
| 49 -moz-margin-end: 5px; | |
| 50 /* Empty icons shouldn't take up room, so we need to compensate | |
| 51 * the 5px margin-end with a negative margin-start. | |
| 52 */ | |
| 53 -moz-margin-start: -5px; | |
| 54 } | |
| 55 | |
| 56 /* menuitems with icons */ | |
| 57 .menuitem-iconic, | |
| 58 .menu-iconic, | |
| 59 menuitem[image], | |
| 60 menuitem[src] { | |
| 61 /* 2px higher than those without icons */ | |
| 62 padding-top: 1px; | |
| 63 padding-bottom: 3px; | |
| 64 } | |
| 65 | |
| 66 .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon, | |
| 67 .menu-iconic > .menu-iconic-left > .menu-iconic-icon, | |
| 68 menuitem[image] > .menu-iconic-left > .menu-iconic-icon, | |
| 69 menuitem[src] > .menu-iconic-left > .menu-iconic-icon { | |
| 70 -moz-margin-start: 0; | |
| 71 width: 16px; | |
| 72 } | |
| 73 | |
| 74 /* ..... menu arrow box ..... */ | |
| 75 | |
| 76 .menu-right, | |
| 77 .menu-accel-container { | |
| 78 -moz-margin-start: 21px; | |
| 79 -moz-box-pack: end; | |
| 80 } | |
| 81 | |
| 82 .menu-accel-container { | |
| 83 -moz-margin-end: -9px; | |
| 84 } | |
| 85 | |
| 86 .menu-right { | |
| 87 -moz-margin-end: -10px; | |
| 88 width: 9px; | |
| 89 list-style-image: url("chrome://global/skin/menu/menu-arrow.png"); | |
| 90 -moz-image-region: rect(0, 9px, 10px, 0); | |
| 91 } | |
| 92 | |
| 93 .menu-right[_moz-menuactive="true"]:not([disabled="true"]) { | |
| 94 -moz-image-region: rect(0, 18px, 10px, 9px); | |
| 95 } | |
| 96 | |
| 97 .menu-right[disabled="true"] { | |
| 98 -moz-image-region: rect(0, 27px, 10px, 18px); | |
| 99 } | |
| 100 | |
| 101 .menu-right:-moz-locale-dir(rtl) { | |
| 102 transform: scaleX(-1); | |
| 103 } | |
| 104 | |
| 105 @media (min-resolution: 2dppx) { | |
| 106 .menu-right > image { | |
| 107 list-style-image: url("chrome://global/skin/menu/menu-arrow@2x.png"); | |
| 108 -moz-image-region: rect(0, 18px, 20px, 0); | |
| 109 width: 9px; | |
| 110 height: 10px; | |
| 111 } | |
| 112 | |
| 113 .menu-right[_moz-menuactive="true"]:not([disabled="true"]) > image { | |
| 114 -moz-image-region: rect(0, 36px, 20px, 18px); | |
| 115 } | |
| 116 | |
| 117 .menu-right[disabled="true"] > image { | |
| 118 -moz-image-region: rect(0, 54px, 20px, 36px); | |
| 119 } | |
| 120 } | |
| 121 | |
| 122 /* ::::: menu/menuitems in menubar ::::: */ | |
| 123 | |
| 124 menubar > menu { | |
| 125 -moz-appearance: none; | |
| 126 padding: 2px 5px 2px 7px; | |
| 127 margin: 1px 0; | |
| 128 } | |
| 129 | |
| 130 menubar > menu[_moz-menuactive="true"] { | |
| 131 color: inherit; | |
| 132 background-color: transparent; | |
| 133 } | |
| 134 | |
| 135 menubar > menu[_moz-menuactive="true"][open="true"] { | |
| 136 -moz-appearance: menuitem; | |
| 137 color: -moz-mac-menutextselect; | |
| 138 } | |
| 139 | |
| 140 /* ..... internal content .... */ | |
| 141 | |
| 142 .menubar-left { | |
| 143 margin: 0 2px; | |
| 144 color: inherit; | |
| 145 } | |
| 146 | |
| 147 .menubar-text { | |
| 148 margin: 0 1px !important; | |
| 149 color: inherit; | |
| 150 } | |
| 151 | |
| 152 /* ::::: menu/menuitems in popups ::::: */ | |
| 153 | |
| 154 menupopup > menu, | |
| 155 menupopup > menuitem { | |
| 156 max-width: 42em; | |
| 157 } | |
| 158 | |
| 159 menu[_moz-menuactive="true"], | |
| 160 menuitem[_moz-menuactive="true"] { | |
| 161 color: -moz-mac-menutextselect; | |
| 162 background-color: Highlight; | |
| 163 } | |
| 164 | |
| 165 /* ::::: menu/menuitems in menulist popups ::::: */ | |
| 166 | |
| 167 .menulist-menupopup > menuitem, | |
| 168 menulist > menupopup > menuitem, | |
| 169 .menulist-menupopup > menu, | |
| 170 menulist > menupopup > menu { | |
| 171 max-width: none; | |
| 172 font: inherit; | |
| 173 color: -moz-FieldText; | |
| 174 } | |
| 175 | |
| 176 /* ::::: menuitems in editable menulist popups ::::: */ | |
| 177 | |
| 178 menulist[editable="true"] > menupopup > menuitem { | |
| 179 -moz-appearance: none; | |
| 180 } | |
| 181 | |
| 182 menulist[editable="true"] > menupopup > menuitem > .menu-iconic-left { | |
| 183 display: none; | |
| 184 } | |
| 185 | |
| 186 /* ::::: checked menuitems ::::: */ | |
| 187 | |
| 188 :not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left, | |
| 189 :not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left { | |
| 190 padding-top: 1px; | |
| 191 -moz-margin-start: -15px; | |
| 192 -moz-padding-start: 15px; | |
| 193 background: -moz-image-rect("chrome://global/skin/menu/menu-check.png", 0, 11, 11, 0) bottom left no-repeat transparent; | |
| 194 } | |
| 195 | |
| 196 :not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left:-moz-locale-dir(rtl), | |
| 197 :not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left:-moz-locale-dir(rtl) { | |
| 198 background-position: bottom right; | |
| 199 } | |
| 200 | |
| 201 :not(menulist) > menupopup > menuitem[checked="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left, | |
| 202 :not(menulist) > menupopup > menuitem[selected="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left { | |
| 203 background-image: -moz-image-rect("chrome://global/skin/menu/menu-check.png", 0, 22, 11, 11); | |
| 204 } | |
| 205 | |
| 206 @media (min-resolution: 2dppx) { | |
| 207 :not(menulist) > menupopup > menuitem[checked="true"] > .menu-iconic-left, | |
| 208 :not(menulist) > menupopup > menuitem[selected="true"] > .menu-iconic-left { | |
| 209 background-size: 11px 11px; | |
| 210 background-image: -moz-image-rect("chrome://global/skin/menu/menu-check@2x.png", 0, 22, 22, 0); | |
| 211 } | |
| 212 | |
| 213 :not(menulist) > menupopup > menuitem[checked="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left, | |
| 214 :not(menulist) > menupopup > menuitem[selected="true"][_moz-menuactive="true"]:not([disabled="true"]) > .menu-iconic-left { | |
| 215 background-image: -moz-image-rect("chrome://global/skin/menu/menu-check@2x.png", 0, 44, 22, 22); | |
| 216 } | |
| 217 } | |
| 218 | |
| 219 menulist:not([editable="true"]) > menupopup > menuitem[checked="true"]::before, | |
| 220 menulist:not([editable="true"]) > menupopup > menuitem[selected="true"]::before { | |
| 221 content: '\2713'; /* a checkmark */ | |
| 222 display: block; | |
| 223 width: 15px; | |
| 224 -moz-margin-start: -15px; | |
| 225 } | |
| 226 | |
| 227 /* ::::: menuseparator ::::: */ | |
| 228 | |
| 229 menuseparator { | |
| 230 -moz-appearance: menuseparator; | |
| 231 margin: 5px 0; | |
| 232 padding: 1px 0 !important; | |
| 233 } | |
| 234 | |
| 235 /* ::::: autocomplete ::::: */ | |
| 236 | |
| 237 .autocomplete-history-popup > menuitem { | |
| 238 max-width: none !important; | |
| 239 font: message-box; | |
| 240 } | |
| 241 | |
| 242 /* ::::: tree column picker ::::: */ | |
| 243 | |
| 244 .treecell-popupcell-menu { | |
| 245 margin-left: -2px; | |
| 246 list-style-image: url("chrome://global/skin/columnselect.gif"); | |
| 247 -moz-image-region: auto; | |
| 248 } |
