fix resizers to actually show up
[themes.git] / EarlyBlue / editor / EditorDialog.css
CommitLineData
128000f4 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):
f6e0a33f 22 * Pete Collins, Ben Goodger
128000f4 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");
f6e0a33f 40
f6e0a33f 41.MinWidth5em {
42 min-width: 5em;
43}
44
45.MinWidth10em {
46 min-width: 10em;
47}
48
74d14f90 49.MinWidth15em {
50 min-width: 15em;
51}
52
f6e0a33f 53.MinWidth20em {
54 min-width: 20em;
55}
56
f6e0a33f 57.bold {
58 font-weight: bold;
59}
60
61.italic {
62 font-style: italic;
63}
64
65.larger {
66 font-size: 120%;
67}
68
f6e0a33f 69.narrow {
70 width: 3em;
71}
72
73.wrap {
74 width: 1em;
75}
76
77.menuitem-highlight-1 {
74d14f90 78 font-weight: bold;
f6e0a33f 79}
80
f6e0a33f 81.color-well {
82 width: 20px;
83 height: 12px;
84 border: 1px inset #CCD0DD;
85}
86
87.color-well[default="true"] {
6daee013
RK
88 border: 1px solid transparent !important;
89 background-color: inherit !important;
f6e0a33f 90}
91
92.color-button {
93 /* override large default min-width */
94 min-width : 0px;
95 margin: 2px;
96}
97
f6e0a33f 98#ColorPicker {
99 -moz-user-focus: normal;
100}
101
102#ColorPickerSwatch {
74d14f90 103 border: 2px outset #CCD0DD;
f6e0a33f 104 width: 25px;
105 height: 20px;
02920d2b
RK
106 margin: 0;
107 -moz-margin-end: 3px;
f6e0a33f 108}
109
110#ColorPickerSwatch[default="true"] {
74d14f90 111 border: 2px solid transparent;
f6e0a33f 112 background-color: inherit;
113}
114
115#LastPickedColor {
116 width: 17px;
117 height: 13px;
118 border: 1px inset #CCD0DD;
02920d2b
RK
119 margin-top: 1px;
120 margin-bottom: 2px;
121 -moz-margin-start: 4px;
122 -moz-margin-end: 2px;
f6e0a33f 123}
124
f6e0a33f 125#ColorPreview {
126 border: 1px inset #CCD0DD;
8caa872d
RK
127 -moz-margin-start: 10px;
128 -moz-padding-start: 5px;
129 -moz-padding-end: 5px;
74d14f90 130 min-width: 100px;
131 min-height: 50px;
f6e0a33f 132}
133
74d14f90 134/* ::::: table properties dialog ::::: */
135
f6e0a33f 136#MoreFewerButton[more="0"] {
74d14f90 137 list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
f6e0a33f 138 min-width: 12em;
139}
140
f6e0a33f 141#MoreFewerButton[more="1"] {
74d14f90 142 list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
f6e0a33f 143 min-width: 12em;
144}
145
146#PreviousButton {
74d14f90 147 list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
f6e0a33f 148}
149
150#NextButton {
74d14f90 151 list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
f6e0a33f 152}
153
154#PreviousButton[type="row"] {
74d14f90 155 list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
f6e0a33f 156}
157
158#NextButton[type="row"] {
74d14f90 159 list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
f6e0a33f 160}
161
162/* ::::: spelling dialog ::::: */
163
f6e0a33f 164#ReplaceWordInput {
165 min-width: 16em;
166 width: 16em;
167}
168
169.spell-check {
170 min-width: 8em;
171}
172
173/* ::::: color picker ::::: */
174
175/* use outset shape for a button look */
176.colorpicker {
177 border: 1px outset #CCD0DD;
178 /* This should be the same as for textbox */
8caa872d 179 -moz-margin-start: 4px;
f6e0a33f 180 /* For a little extra space between buttons */
181 margin-bottom: 2px;
182}
183
184
185.colorpicker:active {
186 border: 1px inset #CCD0DD;
187}
188
189.smallspacer {
74d14f90 190 width: 3px;
f6e0a33f 191 height: 3px;
74d14f90 192 min-width: 3px;
f6e0a33f 193 min-height: 3px;
194}
195
196.spacer {
74d14f90 197 width: 5px;
f6e0a33f 198 height: 5px;
74d14f90 199 min-width: 5px;
f6e0a33f 200 min-height: 5px;
201}
202
203.bigspacer {
74d14f90 204 width: 10px;
f6e0a33f 205 height: 10px;
74d14f90 206 min-width: 10px;
f6e0a33f 207 min-height: 10px;
208}
209
7c110a07 210/* These two should be the width of the checkbox and radio button images + margin + padding
211 Used to indent below those to the level of the text label next to image
212*/
213
214.checkbox-spacer {
215 width: 16px;
216 min-width: 16px;
217}
218
219.radio-spacer {
220 width: 16px;
221 min-width: 16px;
222}
223
8b17a53f
RK
224.align-menu > .menu-iconic-left > .menu-iconic-icon {
225 height: auto;
226 width: auto;
74d14f90 227}
228
f6e0a33f 229.align-menu[value="top"] {
8b17a53f 230 list-style-image:url("chrome://editor/skin/icons/img-align-top.gif") !important;
f6e0a33f 231}
232
233.align-menu[value="center"] {
8b17a53f 234 list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif") !important;
f6e0a33f 235}
236
237.align-menu[value="bottom"] {
8b17a53f 238 list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif") !important;
f6e0a33f 239}
240
241.align-menu[value="right"] {
8b17a53f 242 list-style-image:url("chrome://editor/skin/icons/img-align-right.gif") !important;
f6e0a33f 243}
244
245.align-menu[value="left"] {
8b17a53f 246 list-style-image:url("chrome://editor/skin/icons/img-align-left.gif") !important;
f6e0a33f 247}
248
249/* Don't change width/height of these without changing values in
250 GetOriginalWidth(), EdImageProps.js
6c5a63bb 251*/
f6e0a33f 252#preview-image-box {
253 border: 1px inset #CCD0DD;
74d14f90 254 width: 82px;
255 max-width: 82px;
256 min-width: 82px;
257 height: 52px;
258 max-height: 52px;
259 min-height: 52px;
02920d2b 260 margin: 6px 5px;
136d0f43 261 overflow: -moz-hidden-unscrollable;
f6e0a33f 262}
263
264#preview-image-holder {
74d14f90 265 padding: 0px;
266 margin: 0px;
f6e0a33f 267}
268
269/* Rest are from Ben Goodger for Advanced Edit dialog
270 These need reviewing and eliminate all but essential attributes */
271/* Have made some mods and eliminated some unnecessary portions.
272 hope to merge most of the treecell formatting into global as some of
273 this "property list" style treecell formatting is used by cookie/signon
274 viewers. */
275
276
277#tagLabel {
278 font-weight: bold;
279}
280
281/* styles for an attribute tree-table */
282tree.AttributesTree {
74d14f90 283 min-width: 200px;
f6e0a33f 284 min-height: 200px;
285}
7c110a07 286
e1597424 287/* ::::: select edit dialog ::::: */
288
a1f525f0 289#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
e1597424 290 background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
291}
292
7c110a07 293/* ::::: Publishing Progress ::::: */
294
295.progressitem[progress="busy"] {
296 list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
297}
298
299.progressitem[progress="done"] {
300 list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
301}
302
303.progressitem[progress="failed"] {
304 list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
305}