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