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