resync with EarlyBlue
[themes.git] / LCARStrek / editor / EditorDialog.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Netscape Public License
5  * Version 1.1 (the "License"); you may not use this file except in
6  * compliance with the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/NPL/
8  *
9  * Software distributed under the License is distributed on an "AS IS" basis,
10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11  * for the specific language governing rights and limitations under the
12  * License.
13  *
14  * The Original Code is mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is 
17  * Netscape Communications Corporation.
18  * Portions created by the Initial Developer are Copyright (C) 1998
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Pete Collins, Ben Goodger
23  *   Robert Kaiser <KaiRo@KaiRo.at>
24  *
25  * Alternatively, the contents of this file may be used under the terms of
26  * either the GNU General Public License Version 2 or later (the "GPL"), or 
27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
28  * in which case the provisions of the GPL or the LGPL are applicable instead
29  * of those above. If you wish to allow use of your version of this file only
30  * under the terms of either the GPL or the LGPL, and not to allow others to
31  * use your version of this file under the terms of the NPL, indicate your
32  * decision by deleting the provisions above and replace them with the notice
33  * and other provisions required by the GPL or the LGPL. If you do not delete
34  * the provisions above, a recipient may use your version of this file under
35  * the terms of any one of the NPL, the GPL or the LGPL.
36  *
37  * ***** END LICENSE BLOCK ***** */
38
39 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
40
41 /*
42    THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
43    CHANGES REVIEWED BY cmanske@netscape.com.
44 */
45
46 /* The defaults are WAY to big! */
47 groupbox {
48   margin:         2px 5px /* 4px 5px */;
49   padding-top:    2px;
50   padding-bottom: 4px;
51 }
52
53 .MinWidth5em {
54   min-width: 5em;
55 }
56
57 .MinWidth10em {
58   min-width: 10em;
59 }
60
61 .MinWidth15em {
62   min-width: 15em;
63 }
64
65 .MinWidth20em {
66   min-width: 20em;
67 }
68
69 .bold {
70   font-weight: bold;
71 }
72
73 .italic {
74   font-style: italic;
75 }
76
77 .larger {
78   font-size: 120%;
79 }
80
81 .narrow {
82   width: 3em;
83 }
84
85 .wrap {
86  width: 1em;
87 }
88
89 .menuitem-highlight-1 {
90   font-weight: bold;
91 }
92
93 /* Use this with groove-thin in dialogs 
94    to add margins to top and bottom
95 */
96 .tb-margin {
97   margin-top: 6px;
98   margin-bottom: 6px;
99 }
100
101 .color-well {
102   width: 20px;
103   height: 12px; 
104   border: 1px inset #9C9CFF;
105 }
106
107 .color-well[default="true"] {
108   border: 1px solid transparent;
109   background-color: inherit;
110 }
111
112 .color-button {
113   /* override large default min-width */
114   min-width : 0px;
115   margin: 2px;
116 }
117
118 .menu-list[focused="true"] {
119   color: white;
120 }
121
122 #ColorPicker {
123   -moz-user-focus: normal;
124 }
125
126 #ColorPickerSwatch {
127   border: 2px outset #9C9CFF;
128   width: 25px;
129   height: 20px;
130   margin: 0px 3px 0px 0px;
131 }
132
133 #ColorPickerSwatch[default="true"] {
134   border: 2px solid transparent;
135   background-color: inherit;
136 }
137
138 #LastPickedColor {
139   width: 17px;
140   height: 13px; 
141   border: 1px inset #9C9CFF;
142   margin: 1px 2px 2px 4px;
143 }
144
145 /* temporary -- we need a simple box-based list defined in XBL */
146 tree.list {
147   border: 1px inset #9C9CFF;
148   /* same as in menulist.css */
149   margin: 1px 5px 2px 5px;
150   /* use rows="#" in XUL to define height */
151 }
152
153 #ColorPreview {
154   border: 1px inset #9C9CFF;
155   margin-left:    10px;
156   padding-left:    5px;
157   padding-right:   5px;
158   min-width:     100px;
159   min-height:     50px;
160 }
161
162 /* These two should be the width of the checkbox and radio button images + margin + padding
163    Used to indent below those to the level of the text label next to image
164 */
165
166 .checkbox-spacer {
167   width: 16px;
168   min-width: 16px;
169 }
170
171 .radio-spacer {
172   width: 16px;
173   min-width: 16px;
174 }
175
176 #alignTypeSelect,
177 label#alignLabel {
178   margin-left: 5px;
179 }
180
181 /* ::::: table properties dialog ::::: */
182
183 #MoreFewerButton[more="0"] {
184   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
185   min-width: 12em;
186 }
187
188 #MoreFewerButton[more="1"] {
189   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
190   min-width: 12em;
191 }
192
193 #PreviousButton {
194   list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
195 }
196
197 #NextButton {
198   list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
199 }
200
201 #PreviousButton[type="row"] {
202   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
203 }
204
205 #NextButton[type="row"] {
206   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
207 }
208
209 /* ::::: spelling dialog ::::: */
210
211 #MisspelledWord {
212   font-weight: bold;
213 }
214
215 #ReplaceWordInput {
216   min-width: 16em;
217   width: 16em;
218 }
219
220 .spell-check {
221   min-width: 8em;
222 }
223
224 /* ::::: color picker ::::: */
225
226 /* use outset shape for a button look */
227 .colorpicker {
228   border: 1px outset #9C9CFF;
229   /* This should be the same as for textbox */
230   margin-left: 4px;
231   /* For a little extra space between buttons */
232   margin-bottom: 2px;
233 }
234
235 .colorpicker:active {
236   border: 1px inset #9C9CFF;
237 }
238
239 .smallspacer {
240   width:  3px;
241   height: 3px;
242   min-width:  3px;
243   min-height: 3px;
244 }
245
246 .spacer {
247   width:  5px;
248   height: 5px;
249   min-width:  5px;
250   min-height: 5px;
251 }
252
253 .bigspacer {
254   width:  10px;
255   height: 10px;
256   min-width:  10px;
257   min-height: 10px;
258 }
259
260 #alignTypeSelect {
261   height: 34px;
262 }
263
264 .align-menu[value="top"] {
265   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif");
266 }
267
268 .align-menu[value="center"] {
269   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif");
270 }
271
272 .align-menu[value="bottom"] {
273   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif");
274 }
275
276 .align-menu[value="right"] {
277   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif");
278 }
279
280 .align-menu[value="left"] {
281   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif");
282 }
283
284 /* Don't change width/height of these without changing values in 
285   GetOriginalWidth(), EdImageProps.js
286 */    
287 #preview-image-box {
288   border: 1px inset #9C9CFF;
289   width: 82px;
290   max-width: 82px;
291   min-width: 82px;
292   height: 52px;
293   max-height: 52px;
294   min-height: 52px;
295   margin: 6px 5px 6px 5px;
296   overflow: -moz-hidden-unscrollable;
297 }
298
299 #preview-image-holder {
300   padding: 0px;
301   margin: 0px;
302 }
303
304 /* Rest are from Ben Goodger for Advanced Edit dialog 
305    These need reviewing and eliminate all but essential attributes */
306 /* Have made some mods and eliminated some unnecessary portions. 
307    hope to merge most of the treecell formatting into global as some of 
308    this "property list" style treecell formatting is used by cookie/signon 
309    viewers. */
310
311 #tagLabel {
312   font-weight: bold;
313 }
314
315 /* styles for an attribute tree-table */
316 tree.AttributesTree {
317   min-width: 200px;
318   min-height: 200px;
319 }
320
321 /* ::::: select edit dialog ::::: */
322
323 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-false) {
324   background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat;
325 }
326
327 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
328   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
329 }
330
331 /* ::::: Publishing Progress ::::: */
332
333 .progressitem[progress="busy"] {
334   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
335 }
336
337 .progressitem[progress="done"] {
338   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
339 }
340
341 .progressitem[progress="failed"] {
342   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
343 }