EarlyBlue/skin/EarlyBlue/global/menulist.css

   1 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
   2
   3 /* outer frame */
   4   menulist
   5     {
   6       border              : none;
   7       background-color    : #CCCCCC;
   8       color               : #000000;
   9       margin              : 1px 5px 2px 5px;
  10     }
  11
  12   menulist[disabled="true"] > .menulist-internal-box > .menulist-display-box
  13     {
  14 /*      background-color    : -moz-Dialog; */
  15       color               : #999999;
  16     }
  17
  18 /* icon display frame */
  19   .menulist-internal-box
  20     {
  21 /*      border              : 1px inset #CCD0DD; */
  22       -moz-user-focus     : ignore;
  23     }
  24
  25   .menulist-display-box,
  26   menulist[open="true"]:focus > .menulist-internal-box > .menulist-display-box
  27     {
  28       border              : 1px inset #CCD0DD;
  29       margin              : 0px;
  30       background-color    : #FFFFFF;
  31       color               : #000000;
  32     }
  33
  34   menulist:focus > .menulist-internal-box > .menulist-display-box
  35     {
  36 /*      border              : 1px dotted #999999; */
  37       background-color    : #336699;
  38       color               : #000000;
  39     }
  40
  41 /* text display frame */
  42   .menulist-text
  43     {
  44       padding             : 0px 2px 0px 2px;
  45       margin              : 0px;
  46     }
  47
  48 /* drop marker display frame */
  49   .menulist-dropmarker-box-1
  50     {
  51       border              : 1px outset #CCD0DD;
  52       background-color    : -moz-Dialog;
  53     }
  54
  55   .menulist-dropmarker-box-2
  56     {
  57       border              : none;
  58       padding             : 2px 1px 2px 1px;
  59     }
  60
  61   .menulist-dropmarker
  62     {
  63       list-style-image    : url("chrome://global/skin/scroll-down.gif");
  64     }
  65
  66   .menulist-dropmarker[disabled="true"]
  67     {
  68       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
  69     }
  70
  71   menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1[open="true"]
  72     {
  73       border              : 1px inset #CCD0DD;
  74     }
  75
  76   menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2[open="true"]
  77     {
  78       border              : none;
  79       padding             : 3px 0px 1px 2px;
  80     }
  81
  82 /**
  83  * <menulist>s for things like mailnews addressing widget
  84  **/
  85
  86   .menulist-compact
  87     {
  88       margin              : 0px;
  89       border              : 1px outset #CCD0DD;
  90 /*      background-color    : -moz-Dialog; */
  91       -moz-user-focus     : normal;
  92     }
  93
  94   .menulist-compact-internal-box
  95     {
  96       border              : none;
  97     }
  98
  99   .menulist-compact-dropmarker
 100     {
 101       list-style-image    : url("chrome://global/skin/scroll-down.gif");
 102       margin-left         : 2px;
 103     }
 104
 105   .menulist-compact-text
 106     {
 107       margin-right        : 3px;
 108     }
 109
 110   .menulist-compact:hover:active,
 111   .menulist-compact[open="true"]
 112     {
 113       border              : 1px inset #CCD0DD;
 114 /*      background-color    : ThreeDShadow;
 115       color               : ThreeDHighlight; */
 116     }
 117
 118   .menulist-compact:hover:active > .menulist-compact-internal-box,
 119   .menulist-compact[open="true"] > .menulist-compact-internal-box
 120     {
 121       border              : none;
 122     }
 123
 124 /**
 125  * Editable menulists (comboboxes)
 126  */
 127
 128 html|*.menulist-editable-text
 129   {
 130     border              : none !important;
 131     margin              : 0px;
 132     padding             : 0px;
 133     font                : inherit;
 134     background-color    : inherit;
 135     color               : inherit;
 136   }
 137
 138 menulist[editable="true"] > .menulist-internal-box > .menulist-display-box
 139   {
 140     margin                : 0px;
 141     padding               : 1px 2px 1px 2px;
 142   }
 143
 144 menulist[editable="true"]:focus > .menulist-internal-box > .menulist-display-box
 145   {
 146     border                : none !important;
 147   }
 148