make new net/cert error pages work, remove pocket styling and let system add-on do...
[themes.git] / LCARStrek / 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 #9C9CFF;
47 }
48
49 .color-well[default="true"] {
50   border: 1px solid transparent;
51   background-color: inherit;
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 #9C9CFF;
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 #9C9CFF;
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 #9C9CFF;
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 #9C9CFF;
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 .colorpicker:active {
147   border: 1px inset #9C9CFF;
148 }
149
150 .smallspacer {
151   width:  3px;
152   height: 3px;
153   min-width:  3px;
154   min-height: 3px;
155 }
156
157 .spacer {
158   width:  5px;
159   height: 5px;
160   min-width:  5px;
161   min-height: 5px;
162 }
163
164 .bigspacer {
165   width:  10px;
166   height: 10px;
167   min-width:  10px;
168   min-height: 10px;
169 }
170
171 /* These two should be the width of the checkbox and radio button images + margin + padding
172    Used to indent below those to the level of the text label next to image
173 */
174
175 .checkbox-spacer {
176   width: 16px;
177   min-width: 16px;
178 }
179
180 .radio-spacer {
181   width: 16px;
182   min-width: 16px;
183 }
184
185 .align-menu > .menu-iconic-left > .menu-iconic-icon {
186   height: auto;
187   width: auto;
188 }
189
190 .align-menu[value="top"] {
191   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif") !important;
192 }
193
194 .align-menu[value="center"] {
195   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif") !important;
196 }
197
198 .align-menu[value="bottom"] {
199   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif") !important;
200 }
201
202 .align-menu[value="right"] {
203   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif") !important;
204 }
205
206 .align-menu[value="left"] {
207   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif") !important;
208 }
209
210 /* Don't change width/height of these without changing values in 
211   GetOriginalWidth(), EdImageProps.js
212 */
213 #preview-image-box {
214   border: 1px inset #9C9CFF;
215   width: 82px;
216   max-width: 82px;
217   min-width: 82px;
218   height: 52px;
219   max-height: 52px;
220   min-height: 52px;
221   margin: 6px 5px;
222   overflow: -moz-hidden-unscrollable;
223 }
224
225 #preview-image-holder {
226   padding: 0px;
227   margin: 0px;
228 }
229
230 /* Rest are from Ben Goodger for Advanced Edit dialog 
231    These need reviewing and eliminate all but essential attributes */
232 /* Have made some mods and eliminated some unnecessary portions. 
233    hope to merge most of the treecell formatting into global as some of 
234    this "property list" style treecell formatting is used by cookie/signon 
235    viewers. */
236
237 #tagLabel {
238   font-weight: bold;
239 }
240
241 /* styles for an attribute tree-table */
242 .AttributesTree {
243   min-width: 200px;
244   min-height: 200px;
245 }
246
247 /* ::::: select edit dialog ::::: */
248
249 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
250   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
251 }
252
253 /* ::::: Publishing Progress ::::: */
254
255 .progressitem[progress="busy"] {
256   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
257 }
258
259 .progressitem[progress="done"] {
260   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
261 }
262
263 .progressitem[progress="failed"] {
264   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
265 }