EarlyBlue/global/skin/menulist.css

   1
   2 /* NEW WIDGET LANDING: <menulist> popup */
   3
   4 /* outer frame */
   5   menulist
   6     {
   7       padding             : 0px;
   8       border              : none;
   9       background-color    : #CCCCCC;
  10       margin              : 1px 5px 2px 5px;
  11     }
  12
  13   menulist[menuactive="true"],
  14   menulist:hover
  15     {
  16       border              : none;
  17     }
  18
  19   menulist[open="true"]
  20     {
  21       border              : none;
  22     }
  23
  24   menulist[disabled="true"]
  25     {
  26       border              : none;
  27       color               : #9999CC;
  28     }
  29
  30 /* icon display frame */
  31   menulist > .menu-icon
  32     {
  33       border-left         : 1px inset #CCD0DD;
  34       border-top          : 1px inset #CCD0DD;
  35       border-bottom       : 1px inset #CCD0DD;
  36       padding             : 2px 0px 2px 0px;
  37     }
  38
  39   menulist[open="true"] > .menu-icon
  40     {
  41       border-left         : 1px inset #CCD0DD;
  42       border-top          : 1px inset #CCD0DD;
  43       border-bottom       : 1px inset #CCD0DD;
  44       padding             : 2px 0px 2px 0px;
  45     }
  46
  47 /* text display frame */
  48   menulist > .menu-text
  49     {
  50       padding             : 2px 4px 2px 4px;
  51       border-top          : 1px inset #CCD0DD;
  52       border-bottom       : 1px inset #CCD0DD;
  53       border-right        : 1px inset #CCD0DD;
  54       margin-right        : 0px;
  55     }
  56
  57   menulist[open="true"] > .menu-text
  58     {
  59       border-top          : 1px inset #CCD0DD;
  60       border-bottom       : 1px inset #CCD0DD;
  61       border-right        : 1px inset #CCD0DD;
  62       padding             : 2px 4px 2px 4px;
  63     }
  64
  65 /* drop marker display frame */
  66   menulist > .menu-dropmarker
  67     {
  68       border              : 1px outset #CCD0DD;
  69       border-left         : none;
  70       list-style-image    : url("chrome://global/skin/scroll-down.gif");
  71       padding             : 2px;
  72     }
  73
  74   menulist[disabled="true"] > .menu-dropmarker
  75     {
  76       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
  77     }
  78
  79   menulist[open="true"] > .menu-dropmarker
  80     {
  81       border              : 1px inset #CCD0DD;
  82       padding             : 3px 2px 1px 2px;
  83     }
  84
  85 /** rules for EDITABLE menulists (aka 'comboboxes').
  86  **/
  87
  88 /* outer frame */
  89   menulist[editable="true"]
  90     {
  91       padding             : 0px;
  92     }
  93
  94 /* icon display frame */
  95   menulist[editable="true"] > .menu-icon
  96     {
  97       list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
  98       background-color    : white;
  99       padding             : 1px;
 100       border-left         : 1px inset #CCD0DD;
 101       border-top          : 1px inset #CCD0DD;
 102       border-right        : none;
 103       border-bottom       : 1px inset #CCD0DD;
 104     }
 105
 106 /* text display frame */
 107   menulist[editable="true"] > .menu-text
 108     {
 109       border-left         : none;
 110       border-top          : 1px inset #CCD0DD;
 111       border-right        : 1px inset #CCD0DD;
 112       border-bottom       : 1px inset #CCD0DD;
 113       margin              : 0px 2px 0px 0px;
 114     }
 115
 116 /* drop marker display frame */
 117   menulist[editable="true"] > .menu-dropmarker
 118     {
 119       border              : 1px outset #CCD0DD;
 120     }
 121
 122   menulist[editable="true"][open="true"] > .menu-dropmarker
 123     {
 124       border              : 1px inset #CCD0DD;
 125     }
 126