3c30e09e |
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 | |