update both themes for toolkit winstripe changes between 2009-02-23 and 2009-05-01
[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
41/* The defaults are WAY to big! */
42groupbox {
74d14f90 43 margin: 2px 5px /* 4px 5px */;
44 padding-top: 2px;
f6e0a33f 45 padding-bottom: 4px;
46}
47
48.MinWidth5em {
49 min-width: 5em;
50}
51
52.MinWidth10em {
53 min-width: 10em;
54}
55
74d14f90 56.MinWidth15em {
57 min-width: 15em;
58}
59
f6e0a33f 60.MinWidth20em {
61 min-width: 20em;
62}
63
f6e0a33f 64.bold {
65 font-weight: bold;
66}
67
68.italic {
69 font-style: italic;
70}
71
72.larger {
73 font-size: 120%;
74}
75
f6e0a33f 76.narrow {
77 width: 3em;
78}
79
80.wrap {
81 width: 1em;
82}
83
84.menuitem-highlight-1 {
74d14f90 85 font-weight: bold;
f6e0a33f 86}
87
88/* Use this with groove-thin in dialogs
89 to add margins to top and bottom
90*/
91.tb-margin {
74d14f90 92 margin-top: 6px;
93 margin-bottom: 6px;
f6e0a33f 94}
95
96.color-well {
97 width: 20px;
98 height: 12px;
99 border: 1px inset #CCD0DD;
100}
101
102.color-well[default="true"] {
6daee013
RK
103 border: 1px solid transparent !important;
104 background-color: inherit !important;
f6e0a33f 105}
106
107.color-button {
108 /* override large default min-width */
109 min-width : 0px;
110 margin: 2px;
111}
112
113.menu-list[focused="true"] {
114 color: white;
115}
116
117#ColorPicker {
118 -moz-user-focus: normal;
119}
120
121#ColorPickerSwatch {
74d14f90 122 border: 2px outset #CCD0DD;
f6e0a33f 123 width: 25px;
124 height: 20px;
02920d2b
RK
125 margin: 0;
126 -moz-margin-end: 3px;
f6e0a33f 127}
128
129#ColorPickerSwatch[default="true"] {
74d14f90 130 border: 2px solid transparent;
f6e0a33f 131 background-color: inherit;
132}
133
134#LastPickedColor {
135 width: 17px;
136 height: 13px;
137 border: 1px inset #CCD0DD;
02920d2b
RK
138 margin-top: 1px;
139 margin-bottom: 2px;
140 -moz-margin-start: 4px;
141 -moz-margin-end: 2px;
f6e0a33f 142}
143
f6e0a33f 144/* temporary -- we need a simple box-based list defined in XBL */
145tree.list {
146 border: 1px inset #CCD0DD;
147 /* same as in menulist.css */
02920d2b 148 margin: 1px 5px 2px;
f6e0a33f 149 /* use rows="#" in XUL to define height */
150}
151
152#ColorPreview {
153 border: 1px inset #CCD0DD;
8caa872d
RK
154 -moz-margin-start: 10px;
155 -moz-padding-start: 5px;
156 -moz-padding-end: 5px;
74d14f90 157 min-width: 100px;
158 min-height: 50px;
f6e0a33f 159}
160
74d14f90 161#alignTypeSelect,
162label#alignLabel {
8caa872d 163 -moz-margin-start: 5px;
f6e0a33f 164}
165
74d14f90 166/* ::::: table properties dialog ::::: */
167
f6e0a33f 168#MoreFewerButton[more="0"] {
74d14f90 169 list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
f6e0a33f 170 min-width: 12em;
171}
172
f6e0a33f 173#MoreFewerButton[more="1"] {
74d14f90 174 list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
f6e0a33f 175 min-width: 12em;
176}
177
178#PreviousButton {
74d14f90 179 list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
f6e0a33f 180}
181
182#NextButton {
74d14f90 183 list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
f6e0a33f 184}
185
186#PreviousButton[type="row"] {
74d14f90 187 list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
f6e0a33f 188}
189
190#NextButton[type="row"] {
74d14f90 191 list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
f6e0a33f 192}
193
194/* ::::: spelling dialog ::::: */
195
196#MisspelledWord {
197 font-weight: bold;
198}
199
200#ReplaceWordInput {
201 min-width: 16em;
202 width: 16em;
203}
204
205.spell-check {
206 min-width: 8em;
207}
208
209/* ::::: color picker ::::: */
210
211/* use outset shape for a button look */
212.colorpicker {
213 border: 1px outset #CCD0DD;
214 /* This should be the same as for textbox */
8caa872d 215 -moz-margin-start: 4px;
f6e0a33f 216 /* For a little extra space between buttons */
217 margin-bottom: 2px;
218}
219
220
221.colorpicker:active {
222 border: 1px inset #CCD0DD;
223}
224
225.smallspacer {
74d14f90 226 width: 3px;
f6e0a33f 227 height: 3px;
74d14f90 228 min-width: 3px;
f6e0a33f 229 min-height: 3px;
230}
231
232.spacer {
74d14f90 233 width: 5px;
f6e0a33f 234 height: 5px;
74d14f90 235 min-width: 5px;
f6e0a33f 236 min-height: 5px;
237}
238
239.bigspacer {
74d14f90 240 width: 10px;
f6e0a33f 241 height: 10px;
74d14f90 242 min-width: 10px;
f6e0a33f 243 min-height: 10px;
244}
245
7c110a07 246/* These two should be the width of the checkbox and radio button images + margin + padding
247 Used to indent below those to the level of the text label next to image
248*/
249
250.checkbox-spacer {
251 width: 16px;
252 min-width: 16px;
253}
254
255.radio-spacer {
256 width: 16px;
257 min-width: 16px;
258}
259
74d14f90 260#alignTypeSelect {
261 height: 34px;
262}
263
f6e0a33f 264.align-menu[value="top"] {
74d14f90 265 list-style-image:url("chrome://editor/skin/icons/img-align-top.gif");
f6e0a33f 266}
267
268.align-menu[value="center"] {
74d14f90 269 list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif");
f6e0a33f 270}
271
272.align-menu[value="bottom"] {
74d14f90 273 list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif");
f6e0a33f 274}
275
276.align-menu[value="right"] {
74d14f90 277 list-style-image:url("chrome://editor/skin/icons/img-align-right.gif");
f6e0a33f 278}
279
280.align-menu[value="left"] {
74d14f90 281 list-style-image:url("chrome://editor/skin/icons/img-align-left.gif");
f6e0a33f 282}
283
284/* Don't change width/height of these without changing values in
285 GetOriginalWidth(), EdImageProps.js
6c5a63bb 286*/
f6e0a33f 287#preview-image-box {
288 border: 1px inset #CCD0DD;
74d14f90 289 width: 82px;
290 max-width: 82px;
291 min-width: 82px;
292 height: 52px;
293 max-height: 52px;
294 min-height: 52px;
02920d2b 295 margin: 6px 5px;
136d0f43 296 overflow: -moz-hidden-unscrollable;
f6e0a33f 297}
298
299#preview-image-holder {
74d14f90 300 padding: 0px;
301 margin: 0px;
f6e0a33f 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
312#tagLabel {
313 font-weight: bold;
314}
315
316/* styles for an attribute tree-table */
317tree.AttributesTree {
74d14f90 318 min-width: 200px;
f6e0a33f 319 min-height: 200px;
320}
7c110a07 321
e1597424 322/* ::::: select edit dialog ::::: */
323
a1f525f0 324#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-false) {
e1597424 325 background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat;
326}
327
a1f525f0 328#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
e1597424 329 background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
330}
331
7c110a07 332/* ::::: Publishing Progress ::::: */
333
334.progressitem[progress="busy"] {
335 list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
336}
337
338.progressitem[progress="done"] {
339 list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
340}
341
342.progressitem[progress="failed"] {
343 list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
344}