EarlyBlue/global/skin/menu.css

   1  \r
   2 menubar \r
   3   {\r
   4     background-color      : #CCD0DD;\r
   5     border-bottom         : 1px solid #9999CC;\r
   6     border-right          : 1px solid #9999CC;\r
   7   }\r
   8 \r
   9 menubar > toolbargrippy \r
  10   {\r
  11 /*    display               : none; */\r
  12   }\r
  13 \r
  14 menu, menuitem  \r
  15   {\r
  16     color                 : #000000;\r
  17     vertical-align        : middle;\r
  18   }\r
  19 \r
  20 menuitem[default="true"]\r
  21   {\r
  22     font-weight           : bold;\r
  23   }  \r
  24   \r
  25 menu[disabled="true"], menuitem[disabled="true"],\r
  26 menu[menuactive="true"][disabled="true"],\r
  27 menuitem[menuactive="true"][disabled="true"]\r
  28   {\r
  29           color                 : #999999;\r
  30   }\r
  31 \r
  32 /* XXX menupopups have to have a color explicitly specified. this is a bug */\r
  33 menupopup, popup \r
  34   {\r
  35     background-color      : #CCD0DD;\r
  36     border                : 1px outset #CCD0DD;\r
  37   }\r
  38 \r
  39 menupopup > menu, popup > menu,\r
  40 menupopup > menuitem, popup > menuitem\r
  41   {\r
  42     max-width             : 250px;\r
  43     min-width             : 125px;\r
  44     margin-left           : 0px;\r
  45     margin-right          : 0px;\r
  46     margin-top            : 0px;\r
  47     margin-bottom         : 0px;\r
  48   }\r
  49 \r
  50 menuseparator \r
  51   {\r
  52     border                : 1px inset #CCD0DD; \r
  53     margin                : 2px 2px 2px 2px;\r
  54   }\r
  55 \r
  56 menubar > menu \r
  57   {\r
  58     border                : 1px solid #CCD0DD;\r
  59     padding               : 2px 0px 2px 3px;\r
  60     margin                : 0px 2px 1px 0px;\r
  61   }\r
  62 \r
  63 menupopup > menu, menupopup > menuitem,\r
  64 popup > menu, popup > menuitem\r
  65   {\r
  66     padding               : 2px;\r
  67   }\r
  68 \r
  69 menubar > menu[menuactive="true"] \r
  70   {\r
  71     border                : 1px outset #CCD0DD;\r
  72   }\r
  73 \r
  74 menubar > menu[menuactive="true"][open="true"] \r
  75   {\r
  76     border                : 1px inset #CCD0DD;\r
  77   }\r
  78 \r
  79 menupopup > menu[menuactive="true"],\r
  80 menupopup > menuitem[menuactive="true"],\r
  81 popup > menu[menuactive="true"],\r
  82 popup > menuitem[menuactive="true"]\r
  83   {\r
  84     background-color      : #336699;\r
  85     color                 : #FFFFFF;\r
  86   }\r
  87 \r
  88 \r
  89 /** \r
  90  * Atomic sub-parts of standard menus\r
  91  **/\r
  92 .menu-right \r
  93   {\r
  94     margin                : 0px 0px 0px 6px;\r
  95     width                 : 8px;\r
  96     text-align            : center;\r
  97     list-style-image      : url("chrome://global/skin/menu-arrow.gif");\r
  98   }\r
  99 \r
 100 .menu-iconic-left \r
 101   {\r
 102     color                 : inherit;\r
 103     margin                : 0px 2px 0px 0px;\r
 104     width                 : 13px;\r
 105     text-align            : center;\r
 106     list-style-image      : inherit;\r
 107   }\r
 108 \r
 109 .menubar-left \r
 110   {\r
 111     color                 : inherit;\r
 112     margin                : 0px 2px 0px 0px;\r
 113   }\r
 114 \r
 115 .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel \r
 116   {\r
 117     color                 : inherit;\r
 118     margin                : 0px 2px 0px 0px;\r
 119   }\r
 120 \r
 121 .menu-text \r
 122   {\r
 123     padding-left          : 15px;\r
 124     font-weight           : inherit;\r
 125   }\r
 126 \r
 127 .menu-accel \r
 128   {\r
 129     margin-left           : 4px;\r
 130     padding-right         : 14px;\r
 131   }\r
 132 \r
 133 .menu-iconic-accel \r
 134   {\r
 135     margin-left           : 4px;\r
 136   }\r
 137 \r
 138 .menubar-text \r
 139   {\r
 140     color                 : inherit;\r
 141     margin-right          : 2px;\r
 142   }\r
 143 \r
 144 menuitem[checked="true"] \r
 145   {\r
 146     list-style-image      : url("chrome://global/skin/menu-check.gif");\r
 147   }\r
 148 \r
 149 menuitem[checked="true"][disabled="true"] \r
 150   {\r
 151     list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");\r
 152   }\r
 153 \r
 154 menuitem[checked="true"][menuactive="true"] \r
 155   {\r
 156     list-style-image      : url("chrome://global/skin/menu-check-hover.gif");\r
 157   }\r
 158 \r
 159 .menu-right[disabled="true"] \r
 160   {\r
 161     list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");\r
 162   }\r
 163 \r
 164 .menu-right[menuactive="true"][disabled="true"] \r
 165   {\r
 166     list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");\r
 167   }\r
 168 \r
 169 .menu-right[menuactive="true"] \r
 170   {\r
 171     list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");\r
 172   }\r
 173 \r
 174 /** Tooltips (tooltip <popup> element)\r
 175  *  class="tooltip"\r
 176  **/\r
 177 .tooltip\r
 178   {\r
 179     background-color      : #FFFFCC;\r
 180     border                : 1px outset #FFFFCC;\r
 181     color                 : #000000;\r
 182     font                  : smaller;\r
 183     padding               : 3px;\r
 184   }\r
 185 \r
 186 /*\r
 187  * Autorepeatbutton\r
 188  */\r
 189 .autorepeatbutton-up {\r
 190     list-style-image: url("chrome://global/skin/scroll-up.gif")\r
 191 }\r
 192 \r
 193 .autorepeatbutton-down {\r
 194     list-style-image: url("chrome://global/skin/scroll-down.gif")\r
 195 }\r
 196 \r
 197 autorepeatbutton {\r
 198   text-align: center;\r
 199   vertical-align: middle;\r
 200 }\r
 201 \r
 202 autorepeatbutton:hover {\r
 203   background-color: #336699;\r
 204 }