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