LCARStrek/skin/LCARStrek/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       -moz-border-radius  : 3px;
   7       padding             : 0px;
   8       border              : none;
   9       background-color    : #000000;
  10       color               : #E7ADE7;
  11       margin              : 1px 5px 2px 5px;
  12     }
  13
  14   menulist[menuactive="true"],
  15   menulist:hover
  16     {
  17       background-color    : #FFCF00;
  18       color               : #000000;
  19       border              : none;
  20     }
  21
  22   menulist[open="true"]
  23     {
  24       background-color    : #FF9F00;
  25       color               : #000000;
  26       border              : none;
  27     }
  28
  29   menulist[disabled="true"]
  30     {
  31       border              : none;
  32       color               : #8050B0;
  33     }
  34
  35 /*
  36   menulist[disabled="true"] > .menulist-internal-box > .menulist-display-box
  37     {
  38       color               : #8050B0;
  39     }
  40 */
  41
  42   .menulist-internal-box
  43     {
  44       -moz-user-focus     : ignore;
  45     }
  46
  47   .menulist-display-box
  48     {
  49       border              : 1px solid #9C9CFF;
  50       margin              : 0px;
  51     }
  52
  53   menulist[open="true"] > .menulist-internal-box > .menulist-display-box
  54     {
  55       border              : 1px solid #FFCF00;
  56     }
  57
  58   menulist[disabled="true"] > .menulist-internal-box > .menulist-display-box
  59     {
  60       border              : 1px solid #8050B0;
  61     }
  62
  63 /* text display frame */
  64   .menulist-text
  65     {
  66       padding             : 0px 2px 0px 2px;
  67       margin              : 0px;
  68     }
  69
  70 /* drop marker display frame */
  71   .menulist-dropmarker-box-1
  72     {
  73       -moz-border-radius  : 0px 3px 3px 0px;
  74       border              : 1px solid #9C9CFF;
  75       border-left         : none;
  76     }
  77
  78   .menulist-dropmarker-box-2
  79     {
  80       border              : none;
  81       padding             : 2px 1px 2px 1px;
  82     }
  83
  84   .menulist-dropmarker
  85     {
  86       list-style-image    : url("chrome://global/skin/scroll-down.gif");
  87     }
  88
  89   menulist:hover > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2 > .menulist-dropmarker,
  90   .menulist-dropmarker-box-1[open="true"] > .menulist-dropmarker-box-2 > .menulist-dropmarker
  91     {
  92       list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
  93     }
  94
  95   .menulist-dropmarker[disabled="true"],
  96   menulist[disabled="true"] > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2 > .menulist-dropmarker,
  97     {
  98       border              : 1px solid #8050B0;
  99       border-left         : none;
 100       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
 101     }
 102
 103   menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1[open="true"],
 104   .menulist-dropmarker-box-1[open="true"]
 105     {
 106       border              : 1px solid #FFCF00;
 107       border-left         : none;
 108     }
 109
 110   menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2[open="true"]
 111     {
 112       border              : none;
 113       padding             : 3px 0px 1px 2px;
 114     }
 115
 116 /**
 117  * <menulist>s for things like mailnews addressing widget
 118  **/
 119
 120   .menulist-compact
 121     {
 122       margin              : 0px;
 123       border              : 1px solid #9C9CFF;
 124 /*      background-color    : -moz-Dialog; */
 125       -moz-user-focus     : normal;
 126     }
 127
 128   .menulist-compact-internal-box
 129     {
 130       border              : none;
 131     }
 132
 133   .menulist-compact-dropmarker
 134     {
 135       list-style-image    : url("chrome://global/skin/scroll-down.gif");
 136       margin-left         : 2px;
 137     }
 138
 139   .menulist-compact:hover > .menulist-compact-internal-box > .menulist-compact-dropmarker,
 140   .menulist-compact[open="true"] > .menulist-compact-internal-box > .menulist-compact-dropmarker
 141     {
 142       list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
 143     }
 144
 145   .menulist-compact-dropmarker[disabled="true"],
 146   .menulist-compact[disabled="true"] > .menulist-compact-internal-box > .menulist-compact-dropmarker
 147     {
 148       border              : 1px solid #8050B0;
 149       border-left         : none;
 150       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
 151     }
 152
 153   .menulist-compact-text
 154     {
 155       margin-right        : 3px;
 156     }
 157
 158   .menulist-compact:hover
 159     {
 160       border              : 1px solid #FFCF00;
 161     }
 162
 163   .menulist-compact:hover:active,
 164   .menulist-compact[open="true"]
 165     {
 166       border              : 1px solid #FF9F00;
 167     }
 168
 169   .menulist-compact:hover:active > .menulist-compact-internal-box,
 170   .menulist-compact[open="true"] > .menulist-compact-internal-box
 171     {
 172       border              : none;
 173     }
 174
 175 /**
 176  * Editable menulists (comboboxes)
 177  */
 178
 179 html|*.menulist-editable-text
 180   {
 181     border              : none !important;
 182     margin              : 0px;
 183     padding             : 0px;
 184     font                : inherit;
 185     background-color    : inherit;
 186     color               : inherit;
 187   }
 188
 189 menulist[editable="true"] > .menulist-internal-box > .menulist-display-box
 190   {
 191     margin                : 0px;
 192     padding               : 1px 2px 1px 2px;
 193   }
 194
 195 menulist[editable="true"]:focus > .menulist-internal-box > .menulist-display-box
 196   {
 197     border                : none !important;
 198   }
 199
 200
 201
 202
 203