EarlyBlue/global/menulist.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 /* ===== menulist.css ===================================================
   6   == Styles used by the XUL menulist element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
  11
  12 /* :::::::::: menulist :::::::::: */
  13
  14 menulist {
  15   margin: 2px 4px;
  16   border: 1px inset #CCD0DD;
  17   background-color: #CCCCCC;
  18   color: #000000;
  19   text-shadow: none;
  20 }
  21
  22 .menulist-label-box {
  23   -moz-box-align: center;
  24   -moz-box-pack: center;
  25 /*  margin: 1px; */
  26   color: inherit;
  27 }
  28
  29 .menulist-label {
  30   margin: 1px 3px !important;
  31 }
  32
  33 .menulist-description {
  34   font-style: italic;
  35   color: #808080;
  36   -moz-margin-start: 1ex !important;
  37 }
  38
  39 menulist:focus:not(.menulist-compact) > .menulist-label-box {
  40   background-color: #336699;
  41   color: #000000;
  42 }
  43
  44 menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
  45 /*  border: 1px dotted #808080; */
  46 }
  47
  48 menulist[disabled="true"] {
  49   background-color: #CCCCCC;
  50   color: #999999;
  51 }
  52
  53 /* ..... dropmarker ..... */
  54
  55 .menulist-dropmarker {
  56   background-color: #CCCCCC;
  57 }
  58
  59 menulist[disabled="true"]:hover:active > .menulist-dropmarker {
  60   padding: 1px;
  61 }
  62
  63 menulist:hover:active > .menulist-dropmarker,
  64 menulist[open="true"] > .menulist-dropmarker {
  65   border: 1px inset #CCD0DD;
  66   padding-top: 2px;
  67   padding-bottom: 0px;
  68   -moz-padding-start: 2px;
  69   -moz-padding-end: 0px;
  70 }
  71
  72 /* ::::: editable menulists ::::: */
  73
  74 menulist[editable="true"] {
  75   color: #000000;
  76 }
  77
  78 .menulist-editable-box {
  79   background-color: #FFFFFF;
  80   padding: 2px;
  81 }
  82
  83 html|*.menulist-editable-input {
  84   margin: 0px !important;
  85   border: none !important;
  86   padding: 0px !important;
  87   background-color: inherit;
  88   color: inherit;
  89   font: inherit;
  90 }
  91
  92 /* ::::: compact menulists ::::: */
  93
  94 .menulist-compact {
  95   -moz-box-align: center;
  96   -moz-box-pack: center;
  97   margin: 0px;
  98   border: 1px outset #CCD0DD;
  99   color: #000000;
 100   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 101 }
 102
 103 .menulist-compact > .menulist-label-box {
 104   border: 1px solid transparent;
 105 }
 106
 107 .menulist-compact > .menulist-label-box > .menulist-label {
 108   margin: 0 3px !important;
 109   text-align: end;
 110 }
 111
 112 .menulist-compact > .menulist-label-box > .menulist-icon {
 113   -moz-margin-start: 2px;
 114 }
 115
 116 .menulist-compact[open="true"] {
 117   border: 1px inset #CCD0DD;
 118   /* color: ThreeDHighlight; */
 119 }
 120
 121 .menulist-compact[disabled="true"] {
 122   list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
 123 }
 124
 125 .menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box {
 126   border: 1px dotted #999999;
 127 }