LCARStrek/global/skin/menulist.css

   1 \r
   2 /* NEW WIDGET LANDING: <menulist> popup */\r
   3 \r
   4 /* outer frame */\r
   5   menulist \r
   6     {\r
   7       -moz-border-radius  : 3px;\r
   8       padding             : 0px;\r
   9       border              : none;\r
  10       background-color    : #000000;\r
  11       color               : #E7ADE7;\r
  12       margin              : 1px 5px 2px 5px;\r
  13     }\r
  14 \r
  15   menulist[menuactive="true"],\r
  16   menulist:hover \r
  17     {\r
  18       background-color    : #FFCF00;\r
  19       color               : #000000;\r
  20       border              : none;\r
  21     }\r
  22 \r
  23   menulist[open="true"] \r
  24     {\r
  25       background-color    : #FF9F00;\r
  26       color               : #000000;\r
  27       border              : none;\r
  28     }\r
  29   \r
  30   menulist[disabled="true"]\r
  31     {\r
  32       border              : none;\r
  33       color               : #8050B0;\r
  34     }\r
  35     \r
  36 /* icon display frame */\r
  37   menulist > .menu-icon \r
  38     {\r
  39       -moz-border-radius  : 3px 0px 0px 3px;\r
  40       border-left         : 1px solid #9C9CFF;\r
  41       border-top          : 1px solid #9C9CFF;\r
  42       border-bottom       : 1px solid #9C9CFF;\r
  43       padding             : 2px 0px 2px 0px;\r
  44     }  \r
  45 \r
  46   menulist[open="true"] > .menu-icon \r
  47     {\r
  48       border-left         : 1px solid #FFCF00;\r
  49       border-top          : 1px solid #FFCF00;\r
  50       border-bottom       : 1px solid #FFCF00;\r
  51       padding             : 2px 0px 2px 0px;\r
  52     }\r
  53   \r
  54   menulist[disabled="true"] > .menu-icon \r
  55     {\r
  56       border-left         : 1px solid #8050B0;\r
  57       border-top          : 1px solid #8050B0;\r
  58       border-bottom       : 1px solid #8050B0;\r
  59     }\r
  60   \r
  61 /* text display frame */\r
  62   menulist > .menu-text \r
  63     {\r
  64       padding             : 2px 4px 2px 4px;\r
  65       border-top          : 1px solid #9C9CFF;\r
  66       border-bottom       : 1px solid #9C9CFF;\r
  67       border-right        : 1px solid #9C9CFF;\r
  68       margin-right        : 0px;\r
  69     }\r
  70     \r
  71   menulist[open="true"] > .menu-text \r
  72     {\r
  73       border-top          : 1px solid #FFCF00;\r
  74       border-bottom       : 1px solid #FFCF00;\r
  75       border-right        : 1px solid #FFCF00;\r
  76       padding             : 2px 4px 2px 4px;\r
  77     }\r
  78 \r
  79   menulist[disabled="true"] > .menu-text \r
  80     {\r
  81       border-top          : 1px solid #8050B0;\r
  82       border-bottom       : 1px solid #8050B0;\r
  83       border-right        : 1px solid #8050B0;\r
  84       padding             : 2px 4px 2px 4px;\r
  85     }\r
  86 \r
  87 /* drop marker display frame */\r
  88   menulist > .menu-dropmarker \r
  89     {\r
  90       -moz-border-radius  : 0px 3px 3px 0px;\r
  91       border              : 1px solid #9C9CFF;\r
  92       border-left         : none;\r
  93       list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
  94       padding             : 2px;\r
  95     }\r
  96   \r
  97   menulist:hover > .menu-dropmarker, \r
  98   menulist[open="true"] > .menu-dropmarker \r
  99     {\r
 100       list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");\r
 101     }\r
 102   \r
 103   menulist[disabled="true"] > .menu-dropmarker\r
 104     {\r
 105       border              : 1px solid #8050B0;\r
 106       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
 107     }\r
 108 \r
 109   menulist[open="true"] > .menu-dropmarker \r
 110     {\r
 111       border              : 1px solid #FFCF00;\r
 112       padding             : 3px 2px 1px 2px;\r
 113     }\r
 114 \r
 115 /** rules for EDITABLE menulists (aka 'comboboxes'). \r
 116  **/\r
 117 \r
 118 /* outer frame */\r
 119   menulist[editable="true"] \r
 120     {\r
 121       padding             : 0px;\r
 122     }\r
 123 \r
 124 /* icon display frame */\r
 125   menulist[editable="true"] > .menu-icon \r
 126     {\r
 127       list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r
 128       background-color    : white;\r
 129       padding             : 1px;\r
 130       border-left         : 1px solid #9C9CFF;\r
 131       border-top          : 1px solid #9C9CFF;\r
 132       border-right        : none;\r
 133       border-bottom       : 1px solid #9C9CFF;\r
 134     }\r
 135 \r
 136 /* text display frame */    \r
 137   menulist[editable="true"] > .menu-text \r
 138     {\r
 139       border-left         : none;\r
 140       border-top          : 1px solid #9C9CFF;\r
 141       border-right        : 1px solid #9C9CFF;\r
 142       border-bottom       : 1px solid #9C9CFF;\r
 143       margin              : 0px 2px 0px 0px;\r
 144     }\r
 145 \r
 146 /* drop marker display frame */\r
 147   menulist[editable="true"] > .menu-dropmarker \r
 148     {\r
 149       border              : 1px solid #9C9CFF;\r
 150     }\r
 151 \r
 152   menulist[editable="true"][open="true"] > .menu-dropmarker \r
 153     {\r
 154       border              : 1px solid #FFCF00;\r
 155     }\r
 156 \r
 157 /* rules for popups and separators associated with menulists */\r
 158 /*\r
 159   menulist > menupopup \r
 160     {\r
 161       border              : 1px solid #FF9F00;\r
 162       min-width           : 0px;\r
 163       padding             : 0px;\r
 164     }\r
 165     \r
 166   menulist > menupopup > menuseparator \r
 167     {\r
 168      border-bottom       : 1px solid #FF9F00;\r
 169     }\r
 170 */\r
 171   menulist > menupopup > menuitem \r
 172     {\r
 173       padding             : 0px;\r
 174       min-width: 0px;\r
 175       max-width: auto;\r
 176     }\r
 177 \r
 178   menulist > menupopup > menuitem > .menu-left \r
 179     {\r
 180       width               : 13px;\r
 181     }\r
 182 \r
 183   menulist > menupopup > menuitem[selected="true"] > .menu-left\r
 184     {\r
 185       list-style-image    : url(chrome://global/skin/menu-check.gif);\r
 186     }\r
 187   \r
 188   menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left\r
 189     {\r
 190       list-style-image    : url(chrome://global/skin/menu-check-hover.gif);\r
 191     }\r