1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/faststripe/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 +/* ===== menu.css =======================================================
1.9 + == Styles used by XUL menu-related elements.
1.10 + ======================================================================= */
1.11 +
1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.13 +
1.14 +/* ::::: menu/menuitem ::::: */
1.15 +
1.16 +menu,
1.17 +menuitem {
1.18 + -moz-appearance: menuitem;
1.19 + -moz-box-align: center;
1.20 + color: MenuText;
1.21 + font: menu;
1.22 + list-style-image: none;
1.23 + -moz-image-region: auto;
1.24 +}
1.25 +
1.26 +menuitem[default="true"] {
1.27 + font-weight: bold;
1.28 +}
1.29 +
1.30 +menu[disabled="true"], menuitem[disabled="true"],
1.31 +menu[_moz-menuactive="true"][disabled="true"],
1.32 +menuitem[_moz-menuactive="true"][disabled="true"] {
1.33 + color: GrayText;
1.34 +}
1.35 +
1.36 +menuitem.spell-suggestion {
1.37 + font-weight:bold;
1.38 +}
1.39 +
1.40 +/* ..... internal content .... */
1.41 +
1.42 +.menu-accel,
1.43 +.menu-iconic-accel,
1.44 +.menu-text,
1.45 +.menu-iconic-text {
1.46 + margin: 0px !important;
1.47 + padding: 1px 0px;
1.48 + color: inherit;
1.49 +}
1.50 +
1.51 +.menu-text {
1.52 + -moz-padding-start: 1.45em !important;
1.53 + -moz-appearance: menuitemtext;
1.54 +}
1.55 +
1.56 +.menu-text,
1.57 +.menu-iconic-text {
1.58 + font-weight: inherit;
1.59 + -moz-margin-start: 2px !important;
1.60 + -moz-padding-end: 2px;
1.61 +}
1.62 +
1.63 +.menu-description {
1.64 + font-style: italic;
1.65 + color: GrayText;
1.66 + -moz-margin-start: 1ex !important;
1.67 +}
1.68 +
1.69 +.menu-accel,
1.70 +.menu-iconic-accel {
1.71 + color: inherit;
1.72 + -moz-margin-start: 0.74em !important;
1.73 + -moz-margin-end: 1.35em !important;
1.74 +}
1.75 +
1.76 +.menu-iconic-left {
1.77 + min-width: 1.45em;
1.78 +}
1.79 +
1.80 +.menu-iconic-icon {
1.81 + width: 16px;
1.82 + height: 16px;
1.83 +}
1.84 +
1.85 +menu.menu-iconic > .menu-iconic-left,
1.86 +menuitem.menuitem-iconic > .menu-iconic-left {
1.87 + -moz-appearance: menuimage;
1.88 + padding-top: 2px;
1.89 +}
1.90 +
1.91 +/* ..... menu arrow box ..... */
1.92 +
1.93 +.menu-right {
1.94 + -moz-margin-end: -2px;
1.95 + list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif");
1.96 + -moz-box-pack: center;
1.97 + min-width: 1.28em;
1.98 + padding-top: 1px;
1.99 +}
1.100 +
1.101 +.menu-right[_moz-menuactive="true"],
1.102 +.menu-right[disabled="true"] {
1.103 + /* XXXzpao We need a new image, essentially arrow-rit-sharp but white
1.104 + * disabled=true should probably have a different image. */
1.105 + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
1.106 +}
1.107 +
1.108 +/* ::::: menu/menuitems in menubar ::::: */
1.109 +
1.110 +menubar > menu {
1.111 + padding: 1px 2px 2px 2px;
1.112 +}
1.113 +menubar > menu[_moz-menuactive="true"],
1.114 +menubar > menu[_moz-menuactive="true"][open="true"] {
1.115 + color: -moz-menubarhovertext;
1.116 + background-color: highlight;
1.117 +}
1.118 +
1.119 +/* ..... internal content .... */
1.120 +
1.121 +.menubar-left {
1.122 + color: inherit;
1.123 +}
1.124 +
1.125 +.menubar-text {
1.126 + margin: 1px 6px 2px 6px !important;
1.127 + color: inherit;
1.128 +}
1.129 +
1.130 +/* ::::: menu/menuitems in popups ::::: */
1.131 +
1.132 +menupopup > menu,
1.133 +popup > menu,
1.134 +menupopup > menuitem,
1.135 +popup > menuitem {
1.136 + padding-bottom: 1px;
1.137 + max-width: 42em;
1.138 +}
1.139 +
1.140 +menu[_moz-menuactive="true"],
1.141 +menuitem[_moz-menuactive="true"] {
1.142 + background-color: -moz-menuhover;
1.143 + color: -moz-menuhovertext;
1.144 +}
1.145 +
1.146 +/* ::::: menu/menuitems in menulist popups ::::: */
1.147 +
1.148 +.menulist-menupopup > menuitem,
1.149 +menulist > menupopup > menuitem,
1.150 +.menulist-menupopup > menu,
1.151 +menulist > menupopup > menu {
1.152 + -moz-appearance: none;
1.153 + border: 1px solid transparent;
1.154 + padding: 1px 5px;
1.155 + max-width: none;
1.156 + font: message-box;
1.157 + color: -moz-FieldText;
1.158 +}
1.159 +
1.160 +.menulist-menupopup > menuitem > .menu-iconic-left,
1.161 +menulist > menupopup > menuitem > .menu-iconic-left,
1.162 +.menulist-menupopup > menu > .menu-iconic-left,
1.163 +menulist > menupopup > menu > .menu-iconic-left {
1.164 + display: none;
1.165 + padding-top: 0px;
1.166 +}
1.167 +
1.168 +.menulist-menupopup > menuitem > label,
1.169 +menulist > menupopup > menuitem > label,
1.170 +.menulist-menupopup > menu > label,
1.171 +menulist > menupopup > menu > label {
1.172 + padding-top: 0px;
1.173 + padding-bottom: 0px;
1.174 +}
1.175 +
1.176 +menulist > menupopup > menuitem[_moz-menuactive="true"] {
1.177 + border: 1px dotted #F5DB95;
1.178 + background-color: highlight;
1.179 + color: highlighttext;
1.180 +}
1.181 +
1.182 +menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] {
1.183 + color: GrayText;
1.184 +}
1.185 +
1.186 +menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]):-moz-system-metric(windows-classic) {
1.187 + color: GrayText;
1.188 + text-shadow: none;
1.189 +}
1.190 +
1.191 +menulist > menupopup > menuitem > .menu-iconic-text {
1.192 + margin: 0 !important;
1.193 +}
1.194 +
1.195 +/* ::::: checkbox and radio menuitems ::::: */
1.196 +
1.197 +menuitem[checked="true"] > .menu-iconic-left {
1.198 + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
1.199 +}
1.200 +menuitem[checked="true"] > .menu-iconic-left[_moz-menuactive="true"],
1.201 +menuitem[checked="true"][disabled="true"] > .menu-iconic-left {
1.202 + /* XXXzpao We need another image for here too.
1.203 + * disabled=true should probably have a different image. */
1.204 + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif");
1.205 +}
1.206 +
1.207 +menuitem[type="radio"][checked="true"] > .menu-iconic-left {
1.208 + list-style-image: url("chrome://global/skin/radio/radio-check.gif");
1.209 +}
1.210 +menuitem[type="radio"][checked="true"] > .menu-iconic-left[_moz-menuactive="true"],
1.211 +menuitem[type="radio"][checked="true"][disabled="true"] > .menu-iconic-left {
1.212 + /* XXXzpao We need another image for here too
1.213 + * disabled=true might need another image. Not sure if that can ever happen though. */
1.214 + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif");
1.215 +}
1.216 +
1.217 +menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
1.218 +menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
1.219 +menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
1.220 + padding-top: 0px;
1.221 + height: auto;
1.222 + width: auto;
1.223 +}
1.224 +
1.225 +/* ::::: menuseparator ::::: */
1.226 +
1.227 +menuseparator {
1.228 + margin: 3px 1px 5px 1px;
1.229 + border-bottom: 1px solid gray;
1.230 +}
1.231 +
1.232 +menulist > menupopup > menuseparator,
1.233 +.menulist-menupopup > menuseparator {
1.234 + padding: 6px 0 5px 0;
1.235 + border-top: 1px solid black;
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 + -moz-margin-start: -2px;
1.249 + list-style-image: url("chrome://global/skin/columnselect.gif");
1.250 + -moz-image-region: auto;
1.251 +}
