menu.css (5429B)
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 /* ===== menu.css ======================================================= 6 == Styles used by XUL menu-related elements. 7 ======================================================================= */ 8 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 10 11 /* ::::: menu/menuitem ::::: */ 12 13 menu, 14 menuitem, 15 menucaption, 16 .splitmenu-menuitem { 17 -moz-appearance: none; 18 -moz-box-align: center; 19 color: #FFFFFF; 20 font: menu; 21 list-style-image: none; 22 -moz-image-region: auto; 23 } 24 25 menuitem[default="true"] { 26 font-weight: bold; 27 } 28 29 menu[disabled="true"], 30 menuitem[disabled="true"], 31 .splitmenu-menuitem[disabled="true"], 32 menu[_moz-menuactive="true"][disabled="true"], 33 menuitem[_moz-menuactive="true"][disabled="true"], 34 .splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] { 35 color: GrayText; 36 text-shadow: none; 37 } 38 39 menuitem.spell-suggestion { 40 font-weight: bold; 41 } 42 43 /* ..... internal content .... */ 44 45 .menu-accel, 46 .menu-iconic-accel, 47 .menu-text, 48 .menu-iconic-text { 49 margin: 0px !important; 50 padding: 1px 0px; 51 color: inherit; 52 } 53 54 .menu-text { 55 -moz-appearance: none; 56 padding-inline-start: 1.45em !important; 57 } 58 59 .menu-text, 60 .menu-iconic-text { 61 font-weight: inherit; 62 margin-inline-start: 2px !important; 63 padding-inline-end: 2px; 64 } 65 66 menucaption > .menu-text, 67 menucaption > .menu-iconic-text { 68 font-weight: bold; 69 padding-inline-start: 0 !important; 70 } 71 72 .menu-description { 73 font-style: italic; 74 color: GrayText; 75 margin-inline-start: 1ex !important; 76 } 77 78 .menu-accel, 79 .menu-iconic-accel { 80 color: inherit; 81 margin-inline-start: 0.74em !important; 82 margin-inline-end: 1.35em !important; 83 } 84 85 .menu-iconic-left { 86 min-width: 1.45em; 87 } 88 89 .menu-iconic-icon { 90 width: 16px; 91 height: 16px; 92 } 93 94 menu.menu-iconic > .menu-iconic-left, 95 menuitem.menuitem-iconic > .menu-iconic-left, 96 .splitmenu-menuitem[iconic="true"] > .menu-iconic-left { 97 /*-moz-appearance: menuimage;*/ 98 padding-top: 2px; 99 } 100 101 /* ..... menu arrow box ..... */ 102 103 .menu-right { 104 margin: 0 0 0 6px; 105 width: 8px; 106 list-style-image: url("chrome://global/skin/arrow/arrow-h.svg#rit"); 107 -moz-image-region: auto; 108 } 109 110 .menu-right > image { 111 width: 5px; 112 } 113 114 /* ::::: menu/menuitems in menubar ::::: */ 115 116 menubar > menu { 117 border: 2px solid transparent; 118 } 119 120 menubar > menu[_moz-menuactive="true"]:not([disabled="true"]) { 121 color: #bfbbb6; 122 } 123 124 menubar > menu[_moz-menuactive="true"][open="true"] { 125 border-width: 3px 1px 1px 3px; 126 } 127 128 menubar > menu:-moz-lwtheme { 129 -moz-appearance: none; 130 border-style: none; 131 } 132 133 menubar > menu:-moz-lwtheme:not([disabled="true"]) { 134 color: inherit !important; 135 } 136 137 menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]) { 138 background-color: rgb(64,64,64); 139 color: #bfbbb6 !important; 140 text-shadow: none; 141 } 142 143 menubar > menu:-moz-window-inactive { 144 color: rgb(173,173,173); 145 } 146 147 /* ..... internal content .... */ 148 149 .menubar-left { 150 color: inherit; 151 } 152 153 .menubar-text { 154 margin: 1px 6px 2px 6px !important; 155 color: inherit; 156 } 157 158 /* ::::: menu/menuitems in popups ::::: */ 159 160 menupopup > menu, 161 menupopup > menuitem, 162 menupopup > menucaption { 163 max-width: 42em; 164 } 165 166 menu[_moz-menuactive="true"], 167 menuitem[_moz-menuactive="true"], 168 .splitmenu-menuitem[_moz-menuactive="true"] { 169 background-color: rgb(64,64,64) !important; 170 color: #bfbbb6 !important; 171 } 172 173 /* ::::: menu/menuitems in menulist popups ::::: */ 174 175 menulist > menupopup > menuitem, 176 menulist > menupopup > menucaption, 177 menulist > menupopup > menu { 178 -moz-appearance: none; 179 border: 1px solid transparent; 180 padding: 1px 5px; 181 max-width: none; 182 font: message-box; 183 color: #FFFFFF; 184 } 185 186 menulist > menupopup > menuitem > .menu-iconic-left, 187 menulist > menupopup > menucaption > .menu-iconic-left, 188 menulist > menupopup > menu > .menu-iconic-left { 189 display: none; 190 padding-top: 0px; 191 } 192 193 menulist > menupopup > menuitem > label, 194 menulist > menupopup > menucaption > label, 195 menulist > menupopup > menu > label { 196 padding-top: 0px; 197 padding-bottom: 0px; 198 } 199 200 menulist:-moz-focusring > menupopup > menuitem[_moz-menuactive="true"] { 201 border: 1px dotted rgb(64,64,64); 202 background-color: rgb(64,64,64); 203 color: #bfbbb6; 204 } 205 206 menuitem[checked="true"] { 207 list-style-image: url("chrome://global/skin/menu/menu-check.svg#check"); 208 } 209 210 menuitem[checked="true"][disabled="true"], 211 menuitem[checked="true"][disabled="true"][_moz-menuactive="true"] { 212 list-style-image: url("chrome://global/skin/menu/menu-check.svg#check-dis"); 213 } 214 215 /* ::::: checkbox and radio menuitems ::::: */ 216 217 menuitem[checked="true"][type="radio"] { 218 list-style-image: url("chrome://global/skin/menu/menu-radio.svg#radio"); 219 } 220 221 menuitem[checked="true"][type="radio"][disabled="true"], 222 menuitem[checked="true"][type="radio"][disabled="true"][_moz-menuactive="true"] { 223 list-style-image: url("chrome://global/skin/menu/menu-radio.svg#radio-dis"); 224 } 225 226 /* ::::: menuseparator ::::: */ 227 228 menuseparator { 229 margin: 2px 3px; 230 border-top: 1px solid rgb(64,64,64); 231 } 232 233 menuseparator[collapsed="true"] { 234 margin: 0 !important; 235 } 236 237 menulist > menupopup > menuseparator { 238 padding: 6px 0 5px 0; 239 border-top: 1px solid #FFFFFF; 240 border-bottom: none; 241 } 242 243 /* ::::: autocomplete ::::: */ 244 245 .autocomplete-history-popup > menuitem { 246 max-width: none !important; 247 font: message-box; 248 }