menu.css (4494B)
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 menucaption { 10 -moz-appearance: none; 11 -moz-box-align: center; 12 color: #bfbbb6; 13 font: -moz-pull-down-menu; 14 list-style-image: none; 15 -moz-image-region: auto; 16 padding: 0 21px 2px; 17 } 18 19 menu[disabled="true"], menuitem[disabled="true"], 20 menu[_moz-menuactive="true"][disabled="true"], 21 menuitem[_moz-menuactive="true"][disabled="true"] { 22 color: GrayText; 23 } 24 25 /* ..... internal content .... */ 26 27 .menu-text, 28 .menu-iconic-text, 29 .menu-accel, 30 .menu-iconic-accel { 31 margin: 0 !important; 32 } 33 34 .menu-text, 35 .menu-iconic-text { 36 font-weight: inherit; 37 color: inherit; 38 } 39 40 menucaption > .menu-text, 41 menucaption > .menu-iconic-text { 42 font-weight: bold; 43 } 44 45 .menu-description { 46 font-style: italic; 47 color: GrayText; 48 margin-inline-start: 1ex !important; 49 } 50 51 .menu-iconic-icon { 52 height: 16px; 53 margin-top: -2px; 54 margin-bottom: -2px; 55 margin-inline-end: 5px; 56 /* Empty icons shouldn't take up room, so we need to compensate 57 * the 5px margin-end with a negative margin-start. 58 */ 59 margin-inline-start: -5px; 60 } 61 62 /* menuitems with icons */ 63 .menuitem-iconic, 64 .menu-iconic, 65 menuitem[image], 66 menuitem[src] { 67 /* 2px higher than those without icons */ 68 padding-top: 1px; 69 padding-bottom: 3px; 70 } 71 72 .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon, 73 .menu-iconic > .menu-iconic-left > .menu-iconic-icon, 74 menuitem[image] > .menu-iconic-left > .menu-iconic-icon, 75 menuitem[src] > .menu-iconic-left > .menu-iconic-icon { 76 margin-inline-start: 0; 77 width: 16px; 78 } 79 80 /* ..... menu arrow box ..... */ 81 82 .menu-right, 83 .menu-accel-container { 84 margin-inline-start: 21px; 85 margin-inline-end: -9px; 86 -moz-box-pack: end; 87 } 88 89 .menu-right { 90 margin-top: 0px; 91 margin-bottom: 0px; 92 margin-inline-start: 6px; 93 margin-inline-end: 0px; 94 width: 1ex; 95 height: 1ex; 96 /* These next two rules are needed to prevent inheritance and thus ugliness */ 97 list-style-image: url("chrome://global/skin/arrow/arrow-h.svg#rit"); 98 -moz-image-region: auto; 99 -moz-appearance: none; 100 } 101 102 .menu-right > image { 103 width: 5px; 104 } 105 106 /* ::::: menu/menuitems in menubar ::::: */ 107 108 menubar > menu { 109 -moz-appearance: none; 110 padding: 2px 5px 2px 7px; 111 margin: 1px 0; 112 } 113 114 menubar > menu[_moz-menuactive="true"] { 115 color: inherit; 116 background-color: transparent; 117 } 118 119 menubar > menu[_moz-menuactive="true"][open="true"] { 120 -moz-appearance: none; 121 color: #bfbbb6; 122 background-color: #181411; 123 } 124 125 /* ..... internal content .... */ 126 127 .menubar-left { 128 margin: 0 2px; 129 color: inherit; 130 } 131 132 .menubar-text { 133 margin: 0 1px !important; 134 color: inherit; 135 } 136 137 /* ::::: menu/menuitems in popups ::::: */ 138 139 menupopup > menu, 140 menupopup > menuitem, 141 menupopup > menucaption { 142 max-width: 42em; 143 } 144 145 menu[_moz-menuactive="true"], 146 menuitem[_moz-menuactive="true"] { 147 color: #bfbbb6; 148 background-color: rgb(64,64,64); 149 } 150 151 /* ::::: menu/menuitems in menulist popups ::::: */ 152 153 menulist > menupopup > menuitem, 154 menulist > menupopup > menucaption, 155 menulist > menupopup > menu { 156 max-width: none; 157 font: inherit; 158 color: #bfbbb6; 159 } 160 161 /* ::::: menuitems in editable menulist popups ::::: */ 162 163 menulist[editable="true"] > menupopup > menuitem, 164 menulist[editable="true"] > menupopup > menucaption { 165 -moz-appearance: none; 166 } 167 168 menulist[editable="true"] > menupopup > :-moz-any(menuitem, menucaption) > .menu-iconic-left { 169 display: none; 170 } 171 172 /* ::::: checked menuitems ::::: */ 173 174 :not(menulist) > menupopup > menuitem[checked="true"], 175 :not(menulist) > menupopup > menuitem[selected="true"] { 176 -moz-appearance: checkmenuitem; 177 } 178 179 menulist:not([editable="true"]) > menupopup > menuitem[checked="true"]::before, 180 menulist:not([editable="true"]) > menupopup > menuitem[selected="true"]::before { 181 content: '\2713'; /* a checkmark */ 182 display: block; 183 width: 15px; 184 margin-inline-start: -15px; 185 } 186 187 /* ::::: menuseparator ::::: */ 188 189 menuseparator { 190 margin: 2px 3px; 191 border-top: 1px solid rgb(75,75,75); 192 } 193 194 menuseparator[collapsed="true"] { 195 margin: 0 !important; 196 } 197 198 menulist > menupopup > menuseparator, 199 .menulist-menupopup > menuseparator { 200 padding: 6px 0 5px 0; 201 border-top: 1px solid #FFFFFF; 202 border-bottom: none; 203 } 204 205 /* ::::: autocomplete ::::: */ 206 207 .autocomplete-history-popup > menuitem { 208 max-width: none !important; 209 font: message-box; 210 }