d5ff74d0 |
1 | |
2 | /** Standard toolbar buttons |
3 | * class="button-toolbar" |
4 | **/ |
5 | .button-toolbar |
6 | { |
7 | border : none; |
8 | margin : 0px; |
9 | -moz-border-radius : 0px; |
10 | color : black; |
11 | padding : 0px; |
12 | # font : 3mm arial; |
13 | max-width : 10em; |
14 | } |
15 | |
16 | .button-toolbar[toggled="true"] |
17 | { |
18 | /* background-color : #EEEEEE; */ |
19 | } |
20 | |
21 | .button-toolbar[disabled="true"], |
22 | .button-toolbar[disabled="true"]:hover, |
23 | .button-toolbar[disabled="true"]:hover:active |
24 | { |
25 | color : #9999CC; |
26 | } |
27 | |
28 | .button-toolbar > .button-internal-box |
29 | { |
30 | border : 1px solid transparent; |
31 | padding : 1px 2px 1px 2px; |
32 | } |
33 | |
34 | .button-toolbar:hover > .button-internal-box |
35 | { |
36 | border : 1px outset #CCD0DD; |
37 | padding : 1px 2px 1px 2px; |
38 | } |
39 | |
40 | .button-toolbar:hover:active > .button-internal-box |
41 | { |
42 | border : 1px inset #CCD0DD; |
43 | padding : 2px 1px 0px 3px; |
44 | } |
45 | |
46 | .button-toolbar[disabled="true"]:hover:active > .button-internal-box |
47 | { |
48 | border : 1px solid transparent; |
49 | padding : 1px 2px 1px 2px; |
50 | } |
51 | |
52 | .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box |
53 | { |
54 | border : 1px outset #CCD0DD; |
55 | padding : 1px 2px 1px 2px; |
56 | } |
57 | |
58 | .button-toolbar > .button-internal-box > .button-text-container |
59 | { |
60 | padding : 0px; |
61 | margin : 0px; |
62 | } |
63 | |
64 | .button-toolbar > .button-internal-box > .button-text-container > .button-text |
65 | { |
66 | padding : 0px; |
67 | padding-left : 1px; |
68 | margin : 0px; |
69 | } |
70 | |
71 | /** The largest type of toolbar buttons. In the Seamonkey implementation, |
72 | * these are only used in the navigation toolbar in the navigator package. |
73 | **/ |
74 | |
75 | /* outer frame */ |
76 | .button-toolbar-1 |
77 | { |
78 | background-color : transparent; |
79 | color : #000000; |
80 | min-width : 36px; |
81 | min-height : 36px; |
82 | margin : 0px; |
83 | padding : 0px; |
84 | font-size : smaller; |
85 | border : none; |
86 | } |
87 | |
88 | /* internal frame */ |
89 | .button-toolbar-1[disabled="true"] > .button-internal-box, |
90 | .button-toolbar-1[disabled="true"]:hover > .button-internal-box, |
91 | .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box |
92 | { |
93 | border : 1px solid transparent; |
94 | padding : 1px; |
95 | } |
96 | |
97 | .button-toolbar-1 > .button-internal-box |
98 | { |
99 | border : 1px solid transparent; |
100 | vertical-align : middle; |
101 | } |
102 | |
103 | .button-toolbar-1:hover > .button-internal-box |
104 | { |
105 | border : 1px outset #CCD0DD; |
106 | vertical-align : middle; |
107 | } |
108 | |
109 | .button-toolbar-1:hover:active > .button-internal-box |
110 | { |
111 | border : 1px inset #CCD0DD; |
112 | vertical-align : middle; |
113 | padding : 2px 0px 0px 2px; |
114 | } |
115 | |
116 | .button-toolbar-1 > .button-internal-box > .button-text-container |
117 | { |
118 | display : none; |
119 | text-align : center; |
120 | } |
121 | |
122 | /** Styles for the standard 'large' toolbar button, these buttons are used for |
123 | * toolbar buttons that are the most commonly used elements on a toolbar, e.g. |
124 | * 'GetMsg' in Mailnews or 'Send' in Mail/Compose. |
125 | **/ |
126 | .button-toolbar-2 |
127 | { |
128 | background-color : transparent; |
129 | color : #000000; |
130 | min-width : 32px; |
131 | min-height : 32px; |
132 | margin : 0px; |
133 | padding : 0px; |
134 | font-size : smaller; |
135 | border : none; |
136 | } |
137 | |
138 | /* internal frame */ |
139 | .button-toolbar-2 > .button-internal-box |
140 | { |
141 | border : 1px solid transparent; |
142 | padding : 1px; |
143 | vertical-align : middle; |
144 | } |
145 | |
146 | .button-toolbar-2:hover > .button-internal-box |
147 | { |
148 | padding : 1px; |
149 | border : 1px outset #CCD0DD; |
150 | } |
151 | |
152 | .button-toolbar-2:hover:active > .button-internal-box |
153 | { |
154 | padding : 2px 0px 0px 2px; |
155 | border : 1px inset #CCD0DD; |
156 | } |
157 | |
158 | .button-toolbar-2[disabled="true"] > .button-internal-box, |
159 | .button-toolbar-2[disabled="true"]:hover > .button-internal-box, |
160 | .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box |
161 | { |
162 | padding : 1px; |
163 | border : 1px solid transparent; |
164 | } |
165 | |
166 | /* text wrapper frame */ |
167 | .button-toolbar-2 > .button-internal-box > .button-text-container |
168 | { |
169 | padding-top : 3px; |
170 | text-align : center; |
171 | } |
172 | |
173 | |
174 | /** "Green" buttons, e.g. "Search" |
175 | * class="button-toolbar-3" |
176 | **/ |
177 | |
178 | .button-toolbar-3 |
179 | { |
180 | margin : 0px 0px 0px 0px; |
181 | font-weight : bold; |
182 | background-color : #9999CC; |
183 | border : none |
184 | } |
185 | |
186 | .button-toolbar-3[disabled="true"], |
187 | .button-toolbar-3[disabled="true"]:hover, |
188 | .button-toolbar-3[disabled="true"]:hover:active |
189 | { |
190 | border : none; |
191 | color : #CCCCCC; |
192 | } |
193 | |
194 | .button-toolbar-3 > .button-internal-box, |
195 | { |
196 | border : 1px outset #9999CC; |
197 | padding : 1px; |
198 | } |
199 | |
200 | .button-toolbar-3:hover:active > .button-internal-box, |
201 | { |
202 | border : 1px inset #9999CC; |
203 | padding : 2px 0px 0px 2px; |
204 | } |
205 | |
206 | /** Expanding Region Button **/ |
207 | |
208 | /* outer frame */ |
209 | button.expander |
210 | { |
211 | border : none; |
212 | padding : none; |
213 | /* margin : 1px 5px 3px 1px; */ |
214 | background-color : inherit; |
215 | list-style-image : url("chrome://global/skin/closedtwisty.gif"); |
216 | } |
217 | |
218 | button[open="true"].expander |
219 | { |
220 | list-style-image : url("chrome://global/skin/opentwisty.gif"); |
221 | } |
222 | |
223 | /* internal frame */ |
224 | button.expander > .button-internal-box |
225 | { |
226 | border : none; |
227 | background-color : inherit; |
228 | padding : none; |
229 | margin : none; |
230 | } |
231 | |
232 | /* text frame */ |
233 | button.expander > .button-internal-box > .button-text-container > .button-text |
234 | { |
235 | color : #0000FF; |
236 | text-decoration : underline; |
237 | } |
238 | |
239 | button.expander:hover > .button-internal-box > .button-text-container > .button-text |
240 | { |
241 | color : #FF0000; |
242 | } |
243 | |
244 | /** |
245 | * button styles for taskbar, sidebar headers, etc. |
246 | **/ |
247 | .button-toolbar-4 |
248 | { |
249 | color : #CCCCFF; |
250 | background : inherit; |
251 | font : inherit; |
252 | border : none; |
253 | padding : 1px; |
254 | margin : 0px; |
255 | } |
256 | |
257 | .button-toolbar-4:hover |
258 | { |
259 | text-decoration : none; |
260 | background-color : #9999CC; |
261 | } |
262 | |
263 | .button-toolbar-4:hover:active |
264 | { |
265 | text-decoration : none; |
266 | color : #000000; |
267 | background-color : #CCCCFF; |
268 | } |
269 | |
270 | menubutton.button-toolbar-4 |
271 | { |
272 | -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right"); |
273 | } |
274 | |
275 | .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon |
276 | { |
277 | list-style-image : url(chrome://global/skin/mb-single-arrow.gif); |
278 | margin-left : 4px; |
279 | } |
280 | |
281 | .button-toolbar-4 > .button-internal-box, |
282 | .button-toolbar-4 > .menubutton-internal-box, |
283 | .button-toolbar-4:hover:active > .button-internal-box, |
284 | .button-toolbar-4 > .button-internal-box:hover:active |
285 | { |
286 | border : none; |
287 | padding : 0px; |
288 | padding-left : 2px; |
289 | } |