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