EarlyBlue/global/menu.css

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