LCARStrek/skin/LCARStrek/global/toolbarbutton.css

   1 /*
   2  * The contents of this file are subject to the Netscape Public
   3  * License Version 1.1 (the "License"); you may not use this file
   4  * except in compliance with the License. You may obtain a copy of
   5  * the License at http://www.mozilla.org/NPL/
   6  *
   7  * Software distributed under the License is distributed on an "AS
   8  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
   9  * implied. See the License for the specific language governing
  10  * rights and limitations under the License.
  11  *
  12  * The Original Code is Mozilla Communicator client code, released
  13  * March 31, 1998.
  14  *
  15  * The Initial Developer of the Original Code is Netscape
  16  * Communications Corporation. Portions created by Netscape are
  17  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18  * Rights Reserved.
  19  *
  20  * Contributor(s):
  21  *   Joe Hewitt (hewitt@netscape.com)
  22  */
  23
  24 /* ===== toolbarbutton.css =====================================================
  25   == Styles used by the XUL button element.
  26   ======================================================================= */
  27
  28 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29
  30 toolbarbutton {
  31   -moz-border-radius  : 3px;
  32   margin              : 0px;
  33   margin-left         : 2px;
  34   background-color    : #000000;
  35   color               : #FFCF00;
  36 }
  37
  38 .toolbarbutton-box {
  39   -moz-border-radius  : 3px;
  40   -moz-box-align      : center;
  41   -moz-box-pack       : center;
  42   border              : none;
  43   padding             : 2px;
  44 }
  45
  46 .toolbarbutton-icon {
  47   margin-right: 2px;
  48 }
  49
  50 .toolbarbutton-text {
  51   margin: 0px !important;
  52 }
  53
  54 toolbarbutton[value] > .toolbarbutton-box > .toolbarbutton-text {
  55   padding-left        : 4px;
  56 }
  57
  58 toolbarbutton:hover,
  59 toolbarbutton[buttonover="true"],
  60 toolbarbutton:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
  61 toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button {
  62   background-color    : #FFCF00;
  63   color               : #000000;
  64 }
  65
  66 toolbarbutton:hover > .toolbarbutton-box {
  67   border              : none;
  68 }
  69
  70 toolbarbutton:hover:active,
  71 toolbarbutton[open="true"],
  72 toolbarbutton:hover:active > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
  73 toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button {
  74   background-color    : #FF9F00;
  75   color               : #000000;
  76 }
  77
  78 toolbarbutton:hover:active > .toolbarbutton-box,
  79 toolbarbutton[open="true"] > .toolbarbutton-box {
  80   padding             : 3px 1px 1px 3px;
  81   border              : none;
  82 }
  83
  84 toolbarbutton[disabled="true"],
  85 toolbarbutton[disabled="true"]:hover,
  86 toolbarbutton[disabled="true"]:hover:active,
  87 toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
  88 toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
  89 toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
  90 toolbarbutton[disabled="true"][open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button {
  91   background-color    : #000000;
  92   color               : #8050B0;
  93 }
  94
  95 toolbarbutton[disabled="true"] > .toolbarbutton-box,
  96 toolbarbutton[disabled="true"]:hover > .toolbarbutton-box,
  97 toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-box,
  98 toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box,
  99 toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box {
 100   border              : none;
 101   padding             : 2px;
 102 }
 103
 104 /* ..... checked state ..... */
 105
 106 toolbarbutton[checked="true"] {
 107   background-color    : #008484;
 108   color               : #FFCF00;
 109 }
 110
 111 toolbarbutton[checked="true"]:hover {
 112   background-color    : #FFCF00;
 113   color               : #000000;
 114 }
 115
 116 /* ::::: toolbarbutton menu ::::: */
 117
 118 .toolbarbutton-dropmarker {
 119   list-style-image      : url("chrome://global/skin/scroll-down.gif");
 120 }
 121
 122 toolbarbutton:hover > .toolbarbutton-box > .toolbarbutton-dropmarker,
 123 toolbarbutton[buttonover="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
 124 toolbarbutton[buttondown="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
 125 toolbarbutton[open="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker {
 126   list-style-image      : url("chrome://global/skin/scroll-down-hover.gif");
 127 }
 128
 129 .toolbarbutton-dropmarker[disabled="true"],
 130 toolbarbutton[disabled="true"]:hover > .toolbarbutton-box > .toolbarbutton-dropmarker,
 131 toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
 132 toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
 133 toolbarbutton[disabled="true"][open="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker {
 134   list-style-image      : url("chrome://global/skin/scroll-down-disabled.gif");
 135 }
 136
 137 /* ::::: toolbarbutton menu-button ::::: */
 138
 139 .toolbarbutton-menubutton-dropmarker-box {
 140   -moz-box-align: start;
 141   -moz-box-pack: center;
 142 }
 143
 144 toolbarbutton[type="menu-button"]:hover:active {
 145 }
 146
 147 .toolbarbutton-menubutton-button {
 148   border: none !important;
 149   color: inherit;
 150 }
 151
 152 .toolbarbutton-menubutton-dropmarker {
 153   list-style-image: url("chrome://global/skin/scroll-down.gif");
 154 }
 155
 156 toolbarbutton:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
 157 toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
 158 toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
 159 toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker
 160 {
 161   list-style-image      : url("chrome://global/skin/scroll-down-hover.gif");
 162 }
 163
 164 .toolbarbutton-menubutton-dropmarker[disabled="true"],
 165 toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
 166 toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
 167 toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
 168 toolbarbutton[disabled="true"][open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker {
 169   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
 170 }
 171
 172 .toolbarbutton-menubutton-dropmarker-box {
 173   border                : 1px solid transparent;
 174   padding               : 1px 0px 1px 0px;
 175 }
 176
 177 toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box  > .toolbarbutton-menubutton-button  > .toolbarbutton-box
 178 {
 179 /*  border                : 1px solid transparent; */
 180 }
 181
 182 toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box,
 183 toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box,
 184 toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box
 185 {
 186   padding               : 2px 0px 0px 0px;
 187 }
 188
 189 .toolbarbutton-menubutton-dropmarker-box[disabled="true"] {
 190 /*  border: 1px solid transparent !important; */
 191   padding: 0px !important;
 192 }
 193