LCARStrek/global/skin/menubutton.css

   1 \r
   2 /* outermost frame */\r
   3   menubutton\r
   4     {\r
   5       margin              : 0px 1px 0px 1px;\r
   6       -moz-border-radius  : 3px;\r
   7       background-color    : #000000;\r
   8       color               : #E7ADE7;\r
   9       border              : none;\r
  10     }\r
  11     \r
  12   menubutton[disabled="true"] \r
  13     {\r
  14       color               : #8050B0;\r
  15     }\r
  16   \r
  17   menubutton > .menubutton-internal-box\r
  18     {\r
  19       border              : none;\r
  20       padding             : 0px;\r
  21       vertical-align      : middle;\r
  22     }\r
  23 \r
  24   .menubutton-single-icon\r
  25     {\r
  26       margin-right        : 3px;\r
  27     }\r
  28     \r
  29 /** "Dual Functionality" menubutton\r
  30  *  Has a popup spawning button and a command invoking button, e.g. back/forward\r
  31  *  class="menubutton-dual"\r
  32  **/    \r
  33   \r
  34 /* inner button */\r
  35 \r
  36   menubutton > .menubutton-internal-box > .menubutton-dual-button,\r
  37   menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,\r
  38   menubutton:active > .menubutton-internal-box > .menubutton-dual-button\r
  39     {\r
  40       border              : none;\r
  41       margin              : 0px;\r
  42       -moz-border-radius  : 3px;\r
  43     }\r
  44 \r
  45   menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
  46     {\r
  47       border              : 1px solid #9C9CFF;\r
  48       margin              : 0px\r
  49     }\r
  50     \r
  51   menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
  52   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
  53     {\r
  54       border              : 1px solid #FF9F00;\r
  55     }\r
  56     \r
  57   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
  58     {\r
  59       border              : 1px solid #FFCF00;\r
  60     }\r
  61     \r
  62   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
  63   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
  64   menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
  65     {\r
  66       border              : 1px solid #8050B0;\r
  67     }\r
  68 \r
  69 /* inner dropmarker */\r
  70   menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  71     {\r
  72       -moz-border-radius  : 3px;\r
  73       border              : 1px solid #9C9CFF;\r
  74       padding             : 0px 2px 0px 2px;\r
  75     }\r
  76     \r
  77   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,\r
  78   menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  79     {\r
  80       border              : 1px solid #8050B0;\r
  81     }\r
  82 \r
  83   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  84     {\r
  85       border              : 1px solid #FF9F00;\r
  86     }\r
  87 \r
  88   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  89     {\r
  90       border              : 1px solid #FFCF00;\r
  91       padding             : 1px 1px -1px 3px;\r
  92     }\r
  93 \r
  94   menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
  95     {\r
  96       border              : none;\r
  97       list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
  98     }\r
  99     \r
 100   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
 101   menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
 102   menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
 103     {\r
 104       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
 105     }\r
 106 \r
 107   menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
 108   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
 109   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
 110     {\r
 111       list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");\r
 112     }\r
 113 \r
 114 /** Icon only menubutton.menubutton-duals\r
 115  *  class="menubutton.menubutton-dual-icon"\r
 116  **/\r
 117   .menubutton.menubutton-dual-icon \r
 118     {\r
 119       border              : none;\r
 120       background-color    : #000000;\r
 121     } \r
 122     \r
 123   .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box\r
 124     {\r
 125       border              : none;\r
 126       padding             : 1px;\r
 127     }\r
 128     \r
 129   .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box\r
 130     {\r
 131       background-color    : #FFCF00;\r
 132       border              : none;\r
 133       padding             : 1px;\r
 134     }    \r
 135 \r
 136   .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
 137   .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
 138     {\r
 139       background-color    : #FF9F00;\r
 140       border              : none;\r
 141       padding             : 2px 0px 0px 2px;\r
 142     }    \r
 143 \r
 144   .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,\r
 145   .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
 146   .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
 147     {\r
 148       background-color    : #FFCF00;\r
 149       border              : none;\r
 150       padding             : 2px 0px 0px 2px;\r
 151     }\r
 152 \r
 153 /** Icon only menubuttons\r
 154  *  class="menubutton.menubutton-icon"\r
 155  **/\r
 156   .menubutton-icon \r
 157     {\r
 158       border              : none;\r
 159       background-color    : #000000;\r
 160     } \r
 161     \r
 162   .menubutton-icon > .menubutton-icon-internal-box\r
 163     {\r
 164       padding             : 1px;\r
 165     }\r
 166     \r
 167   .menubutton-icon:hover > .menubutton-icon-internal-box\r
 168     {\r
 169       background-color    : #FFCF00;\r
 170       padding             : 1px;\r
 171     }    \r
 172 \r
 173   .menubutton-icon:hover:active > .menubutton-icon-internal-box,\r
 174   .menubutton-icon[open="true"] > .menubutton-icon-internal-box\r
 175     {\r
 176       background-color    : #FF9F00;\r
 177       padding             : 2px 0px 0px 2px;\r
 178     }    \r
 179 \r
 180   .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,\r
 181   .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,\r
 182   .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box\r
 183     {\r
 184       background-color    : #FFCF00;\r
 185       padding             : 2px 0px 0px 2px;\r
 186     }    \r
 187