adding :hover:active to scrollbar(s)

[themes.git] / LCARStrek / global / skin / menubutton.css

\r
/* outermost frame */\r
  menubutton\r
    {\r
      margin              : 0px 1px 0px 1px;\r
      -moz-border-radius  : 3px;\r
      background-color    : #000000;\r
      color               : #E7ADE7;\r
      border              : none;\r
    }\r
    \r
  menubutton[disabled="true"] \r
    {\r
      color               : #8050B0;\r
    }\r
  \r
  menubutton > .menubutton-internal-box\r
    {\r
      border              : none;\r
      padding             : 0px;\r
      vertical-align      : middle;\r
    }\r
\r
  .menubutton-single-icon\r
    {\r
      margin-right        : 3px;\r
    }\r
    \r
/** "Dual Functionality" menubutton\r
 *  Has a popup spawning button and a command invoking button, e.g. back/forward\r
 *  class="menubutton-dual"\r
 **/    \r
  \r
/* inner button */\r
\r
  menubutton > .menubutton-internal-box > .menubutton-dual-button,\r
  menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,\r
  menubutton:active > .menubutton-internal-box > .menubutton-dual-button\r
    {\r
      border              : none;\r
      margin              : 0px;\r
      -moz-border-radius  : 3px;\r
    }\r
\r
  menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
    {\r
      border              : 1px solid #9C9CFF;\r
      margin              : 0px\r
    }\r
    \r
  menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
    {\r
      border              : 1px solid #FF9F00;\r
    }\r
    \r
  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
    {\r
      border              : 1px solid #FFCF00;\r
    }\r
    \r
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
    {\r
      border              : 1px solid #8050B0;\r
    }\r
\r
/* inner dropmarker */\r
  menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
    {\r
      -moz-border-radius  : 3px;\r
      border              : 1px solid #9C9CFF;\r
      padding             : 0px 2px 0px 2px;\r
    }\r
    \r
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,\r
  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
    {\r
      border              : 1px solid #8050B0;\r
    }\r
\r
  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
    {\r
      border              : 1px solid #FF9F00;\r
    }\r
\r
  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
    {\r
      border              : 1px solid #FFCF00;\r
      padding             : 1px 1px -1px 3px;\r
    }\r
\r
  menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
    {\r
      border              : none;\r
      list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
    }\r
    \r
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
  menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
    {\r
      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
    }\r
\r
  menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
    {\r
      list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");\r
    }\r
\r
/** Icon only menubutton.menubutton-duals\r
 *  class="menubutton.menubutton-dual-icon"\r
 **/\r
  .menubutton.menubutton-dual-icon \r
    {\r
      border              : none;\r
      background-color    : #000000;\r
    } \r
    \r
  .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box\r
    {\r
      border              : none;\r
      padding             : 1px;\r
    }\r
    \r
  .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box\r
    {\r
      background-color    : #FFCF00;\r
      border              : none;\r
      padding             : 1px;\r
    }    \r
\r
  .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
  .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
    {\r
      background-color    : #FF9F00;\r
      border              : none;\r
      padding             : 2px 0px 0px 2px;\r
    }    \r
\r
  .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,\r
  .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
  .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
    {\r
      background-color    : #FFCF00;\r
      border              : none;\r
      padding             : 2px 0px 0px 2px;\r
    }\r
\r
/** Icon only menubuttons\r
 *  class="menubutton.menubutton-icon"\r
 **/\r
  .menubutton-icon \r
    {\r
      border              : none;\r
      background-color    : #000000;\r
    } \r
    \r
  .menubutton-icon > .menubutton-icon-internal-box\r
    {\r
      padding             : 1px;\r
    }\r
    \r
  .menubutton-icon:hover > .menubutton-icon-internal-box\r
    {\r
      background-color    : #FFCF00;\r
      padding             : 1px;\r
    }    \r
\r
  .menubutton-icon:hover:active > .menubutton-icon-internal-box,\r
  .menubutton-icon[open="true"] > .menubutton-icon-internal-box\r
    {\r
      background-color    : #FF9F00;\r
      padding             : 2px 0px 0px 2px;\r
    }    \r
\r
  .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,\r
  .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,\r
  .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box\r
    {\r
      background-color    : #FFCF00;\r
      padding             : 2px 0px 0px 2px;\r
    }    \r