part 1 of syncing LCARStrek with browser windows/shared theme changes in FIrefox...
[themes.git] / EarlyBlue / editor / EditorDialog.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this
3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7 .MinWidth5em {
8   min-width: 5em;
9 }
10
11 .MinWidth10em {
12   min-width: 10em;
13 }
14
15 .MinWidth20em {
16   min-width: 20em;
17 }
18
19 .bold {
20   font-weight: bold;
21 }
22
23 .italic {
24   font-style: italic;
25 }
26
27 .larger {
28   font-size: 120%;
29 }
30
31 .narrow {
32   width: 3em;
33 }
34
35 .wrap {
36  width: 1em;
37 }
38
39 .menuitem-highlight-1 {
40   font-weight: bold;
41 }
42
43 .color-well {
44   width: 20px;
45   height: 12px; 
46   border: 1px inset #CCD0DD;
47 }
48
49 .color-well[default="true"] {
50   border: 1px solid transparent !important;
51   background-color: inherit !important;
52 }
53
54 .color-button {
55   /* override large default min-width */
56   min-width : 0px;
57   margin: 2px;
58 }
59
60 #ColorPicker {
61   -moz-user-focus: normal;
62 }
63
64 #ColorPickerSwatch {
65   border: 2px outset #CCD0DD;
66   width: 25px;
67   height: 20px;
68   margin: 0;
69   -moz-margin-end: 3px;
70 }
71
72 #ColorPickerSwatch[default="true"] {
73   border: 2px solid transparent;
74   background-color: inherit;
75 }
76
77 #LastPickedColor {
78   width: 17px;
79   height: 13px; 
80   border: 1px inset #CCD0DD;
81   margin-top: 1px;
82   margin-bottom: 2px;
83   -moz-margin-start: 4px;
84   -moz-margin-end: 2px;
85 }
86
87 #ColorPreview {
88   border: 1px inset #CCD0DD;
89   -moz-margin-start: 10px;
90   -moz-padding-start: 5px;
91   -moz-padding-end: 5px;
92   min-width: 100px;
93   min-height: 50px;
94 }
95
96 /* ::::: table properties dialog ::::: */
97
98 #MoreFewerButton[more="0"] {
99   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
100   min-width: 12em;
101 }
102
103 #MoreFewerButton[more="1"] {
104   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
105   min-width: 12em;
106 }
107
108 #PreviousButton {
109   list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
110 }
111
112 #NextButton {
113   list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
114 }
115
116 #PreviousButton[type="row"] {
117   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
118 }
119
120 #NextButton[type="row"] {
121   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
122 }
123
124 /* ::::: spelling dialog ::::: */
125
126 #ReplaceWordInput {
127   min-width: 16em;
128   width: 16em;
129 }
130
131 .spell-check {
132   min-width: 8em;
133 }
134
135 /* ::::: color picker ::::: */
136
137 /* use outset shape for a button look */
138 .colorpicker {
139   border: 1px outset #CCD0DD;
140   /* This should be the same as for textbox */
141   -moz-margin-start: 4px;
142   /* For a little extra space between buttons */
143   margin-bottom: 2px;
144 }
145
146
147 .colorpicker:active {
148   border: 1px inset #CCD0DD;
149 }
150
151 .smallspacer {
152   width: 3px;
153   height: 3px;
154   min-width: 3px;
155   min-height: 3px;
156 }
157
158 .spacer {
159   width: 5px;
160   height: 5px;
161   min-width: 5px;
162   min-height: 5px;
163 }
164
165 .bigspacer {
166   width: 10px;
167   height: 10px;
168   min-width: 10px;
169   min-height: 10px;
170 }
171
172 /* These two should be the width of the checkbox and radio button images + margin + padding
173    Used to indent below those to the level of the text label next to image
174 */
175
176 .checkbox-spacer {
177   width: 16px;
178   min-width: 16px;
179 }
180
181 .radio-spacer {
182   width: 16px;
183   min-width: 16px;
184 }
185
186 .align-menu > .menu-iconic-left > .menu-iconic-icon {
187   height: auto;
188   width: auto;
189 }
190
191 .align-menu[value="top"] {
192   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif") !important;
193 }
194
195 .align-menu[value="center"] {
196   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif") !important;
197 }
198
199 .align-menu[value="bottom"] {
200   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif") !important;
201 }
202
203 .align-menu[value="right"] {
204   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif") !important;
205 }
206
207 .align-menu[value="left"] {
208   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif") !important;
209 }
210
211 /* Don't change width/height of these without changing values in 
212   GetOriginalWidth(), EdImageProps.js
213 */
214 #preview-image-box {
215   border: 1px inset #CCD0DD;
216   width: 82px;
217   max-width: 82px;
218   min-width: 82px;
219   height: 52px;
220   max-height: 52px;
221   min-height: 52px;
222   margin: 6px 5px;
223   overflow: -moz-hidden-unscrollable;
224 }
225
226 #preview-image-holder {
227   padding: 0px;
228   margin: 0px;
229 }
230
231 /* Rest are from Ben Goodger for Advanced Edit dialog 
232    These need reviewing and eliminate all but essential attributes */
233 /* Have made some mods and eliminated some unnecessary portions. 
234    hope to merge most of the treecell formatting into global as some of 
235    this "property list" style treecell formatting is used by cookie/signon 
236    viewers. */
237
238
239 #tagLabel {
240   font-weight: bold;
241 }
242
243 /* styles for an attribute tree-table */
244 .AttributesTree {
245   min-width: 200px;
246   min-height: 200px;
247 }
248
249 /* ::::: select edit dialog ::::: */
250
251 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
252   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
253 }
254
255 /* ::::: Publishing Progress ::::: */
256
257 .progressitem[progress="busy"] {
258   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
259 }
260
261 .progressitem[progress="done"] {
262   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
263 }
264
265 .progressitem[progress="failed"] {
266   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
267 }