correcting personal toolbar menu color
[themes.git] / 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