CW Cyrix's Git Repository Mirror
Browse code

3.5.6 efiction version

Jimako authored on 2024/03/09 16:09:42
Showing 1 changed files
tinymce/jscripts/tiny_mce/plugins/style/props.htm
History View file @ 1aaa576
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,731 @@
1 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
+<html xmlns="http://www.w3.org/1999/xhtml">
3 
+<head>
4 
+	<title>{#style_dlg.title}</title>
5 
+	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6 
+	<script type="text/javascript" src="../../utils/mctabs.js"></script>
7 
+	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
8 
+	<script type="text/javascript" src="../../utils/form_utils.js"></script>
9 
+	<script type="text/javascript" src="js/props.js"></script>
10 
+	<link href="css/props.css" rel="stylesheet" type="text/css" />
11 
+	<base target="_self" />
12 
+</head>
13 
+
14 
+<body id="styleprops" style="display: none">
15 
+<form onsubmit="updateAction();return false;" action="#">
16 
+<div class="tabs">
17 
+	<ul>
18 
+		<li id="text_tab" class="current"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19 
+		<li id="background_tab"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20 
+		<li id="block_tab"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21 
+		<li id="box_tab"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22 
+		<li id="border_tab"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23 
+		<li id="list_tab"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24 
+		<li id="positioning_tab"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
25 
+	</ul>
26 
+</div>
27 
+
28 
+<div class="panel_wrapper">
29 
+<div id="text_panel" class="panel current">
30 
+	<table border="0" width="100%">
31 
+		<tr>
32 
+			<td><label for="text_font">{#style_dlg.text_font}</label></td>
33 
+			<td colspan="3">
34 
+				<select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
35 
+			</td>
36 
+		</tr>
37 
+		<tr>
38 
+			<td><label for="text_size">{#style_dlg.text_size}</label></td>
39 
+			<td>
40 
+				<table border="0" cellspacing="0" cellpadding="0">
41 
+					<tr>
42 
+						<td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
43 
+						<td>&nbsp;</td>
44 
+      <td><select id="text_size_measurement" name="text_size_measurement"></select></td>
45 
+					</tr>
46 
+				</table>
47 
+			</td>
48 
+			<td><label for="text_weight">{#style_dlg.text_weight}</label></td>
49 
+			<td>
50 
+				<select id="text_weight" name="text_weight"></select>
51 
+			</td>
52 
+		</tr>
53 
+		<tr>
54 
+			<td><label for="text_style">{#style_dlg.text_style}</label></td>
55 
+			<td>
56 
+				<select id="text_style" name="text_style" class="mceEditableSelect"></select>
57 
+			</td>
58 
+			<td><label for="text_variant">{#style_dlg.text_variant}</label></td>
59 
+			<td>
60 
+				<select id="text_variant" name="text_variant"></select>
61 
+			</td>
62 
+		</tr>
63 
+		<tr>
64 
+			<td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
65 
+			<td>
66 
+				<table border="0" cellspacing="0" cellpadding="0">
67 
+					<tr>
68 
+						<td>
69 
+							<select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
70 
+						</td>
71 
+						<td>&nbsp;</td>
72 
+						<td><select id="text_lineheight_measurement" name="text_lineheight_measurement"></select></td>
73 
+					</tr>
74 
+				</table>
75 
+			</td>
76 
+			<td><label for="text_case">{#style_dlg.text_case}</label></td>
77 
+			<td>
78 
+				<select id="text_case" name="text_case"></select>
79 
+			</td>
80 
+		</tr>
81 
+		<tr>
82 
+			<td><label for="text_color">{#style_dlg.text_color}</label></td>
83 
+			<td colspan="2">
84 
+				<table border="0" cellpadding="0" cellspacing="0">
85 
+					<tr>
86 
+						<td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
87 
+						<td id="text_color_pickcontainer">&nbsp;</td>
88 
+					</tr>
89 
+				</table>
90 
+			</td>
91 
+		</tr>
92 
+		<tr>
93 
+			<td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
94 
+			<td colspan="2">
95 
+				<table border="0" cellspacing="0" cellpadding="0">
96 
+					<tr>
97 
+						<td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
98 
+						<td><label for="text_underline">{#style_dlg.text_underline}</label></td>
99 
+					</tr>
100 
+					<tr>
101 
+						<td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
102 
+						<td><label for="text_overline">{#style_dlg.text_overline}</label></td>
103 
+					</tr>
104 
+					<tr>
105 
+						<td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
106 
+						<td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
107 
+					</tr>
108 
+					<tr>
109 
+						<td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
110 
+						<td><label for="text_blink">{#style_dlg.text_blink}</label></td>
111 
+					</tr>
112 
+					<tr>
113 
+						<td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td>
114 
+						<td><label for="text_none">{#style_dlg.text_none}</label></td>
115 
+					</tr>
116 
+				</table>
117 
+			</td>
118 
+		</tr>
119 
+	</table>
120 
+</div>
121 
+
122 
+<div id="background_panel" class="panel">
123 
+	<table border="0">
124 
+		<tr>
125 
+			<td><label for="background_color">{#style_dlg.background_color}</label></td>
126 
+			<td>
127 
+				<table border="0" cellpadding="0" cellspacing="0">
128 
+					<tr>
129 
+						<td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
130 
+						<td id="background_color_pickcontainer">&nbsp;</td>
131 
+					</tr>
132 
+				</table>
133 
+			</td>
134 
+		</tr>
135 
+
136 
+		<tr>
137 
+			<td><label for="background_image">{#style_dlg.background_image}</label></td>
138 
+			<td><table border="0" cellspacing="0" cellpadding="0">
139 
+				<tr>
140 
+				  <td><input id="background_image" name="background_image" type="text" /></td>
141 
+				  <td id="background_image_browser">&nbsp;</td>
142 
+				</tr>
143 
+				</table>
144 
+			</td>
145 
+		</tr>
146 
+
147 
+		<tr>
148 
+			<td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
149 
+			<td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
150 
+		</tr>
151 
+
152 
+		<tr>
153 
+			<td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
154 
+			<td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
155 
+		</tr>
156 
+
157 
+		<tr>
158 
+			<td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
159 
+			<td>
160 
+				<table border="0" cellspacing="0" cellpadding="0">
161 
+					<tr>
162 
+						<td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
163 
+						<td>&nbsp;</td>
164 
+						<td><select id="background_hpos_measurement" name="background_hpos_measurement"></select></td>
165 
+					</tr>
166 
+				</table>
167 
+			</td>
168 
+		</tr>
169 
+
170 
+		<tr>
171 
+			<td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
172 
+			<td>
173 
+				<table border="0" cellspacing="0" cellpadding="0">
174 
+					<tr>
175 
+						<td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
176 
+						<td>&nbsp;</td>
177 
+						<td><select id="background_vpos_measurement" name="background_vpos_measurement"></select></td>
178 
+					</tr>
179 
+				</table>
180 
+			</td>
181 
+		</tr>
182 
+	</table>
183 
+</div>
184 
+
185 
+<div id="block_panel" class="panel">
186 
+	<table border="0">
187 
+		<tr>
188 
+			<td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
189 
+			<td>
190 
+				<table border="0" cellspacing="0" cellpadding="0">
191 
+					<tr>
192 
+						<td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
193 
+						<td>&nbsp;</td>
194 
+						<td><select id="block_wordspacing_measurement" name="block_wordspacing_measurement"></select></td>
195 
+					</tr>
196 
+				</table>
197 
+			</td>
198 
+		</tr>
199 
+
200 
+		<tr>
201 
+			<td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
202 
+			<td>
203 
+				<table border="0" cellspacing="0" cellpadding="0">
204 
+					<tr>
205 
+						<td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
206 
+						<td>&nbsp;</td>
207 
+						<td><select id="block_letterspacing_measurement" name="block_letterspacing_measurement"></select></td>
208 
+					</tr>
209 
+				</table>
210 
+			</td>
211 
+		</tr>
212 
+
213 
+		<tr>
214 
+			<td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
215 
+			<td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
216 
+		</tr>
217 
+
218 
+		<tr>
219 
+			<td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
220 
+			<td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
221 
+		</tr>
222 
+
223 
+		<tr>
224 
+			<td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
225 
+			<td>
226 
+				<table border="0" cellspacing="0" cellpadding="0">
227 
+					<tr>
228 
+						<td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
229 
+						<td>&nbsp;</td>
230 
+						<td><select id="block_text_indent_measurement" name="block_text_indent_measurement"></select></td>
231 
+					</tr>
232 
+				</table>
233 
+			</td>
234 
+		</tr>
235 
+
236 
+		<tr>
237 
+			<td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
238 
+			<td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
239 
+		</tr>
240 
+
241 
+		<tr>
242 
+			<td><label for="block_display">{#style_dlg.block_display}</label></td>
243 
+			<td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
244 
+		</tr>
245 
+	</table>
246 
+</div>
247 
+
248 
+<div id="box_panel" class="panel">
249 
+<table border="0">
250 
+	<tr>
251 
+		<td><label for="box_width">{#style_dlg.box_width}</label></td>
252 
+		<td>
253 
+			<table border="0" cellspacing="0" cellpadding="0">
254 
+				<tr>
255 
+					<td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
256 
+					<td>&nbsp;</td>
257 
+					<td><select id="box_width_measurement" name="box_width_measurement"></select></td>
258 
+				</tr>
259 
+			</table>
260 
+		</td>
261 
+		<td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
262 
+		<td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
263 
+	</tr>
264 
+
265 
+	<tr>
266 
+		<td><label for="box_height">{#style_dlg.box_height}</label></td>
267 
+		<td>
268 
+			<table border="0" cellspacing="0" cellpadding="0">
269 
+				<tr>
270 
+					<td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
271 
+					<td>&nbsp;</td>
272 
+					<td><select id="box_height_measurement" name="box_height_measurement"></select></td>
273 
+				</tr>
274 
+			</table>
275 
+		</td>
276 
+		<td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
277 
+		<td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
278 
+	</tr>
279 
+</table>
280 
+<div style="float: left; width: 49%">
281 
+	<fieldset>
282 
+		<legend>{#style_dlg.padding}</legend>
283 
+
284 
+		<table border="0">
285 
+			<tr>
286 
+				<td>&nbsp;</td>
287 
+				<td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td>
288 
+			</tr>
289 
+			<tr>
290 
+				<td><label for="box_padding_top">{#style_dlg.top}</label></td>
291 
+				<td>
292 
+					<table border="0" cellspacing="0" cellpadding="0">
293 
+						<tr>
294 
+							<td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
295 
+							<td>&nbsp;</td>
296 
+							<td><select id="box_padding_top_measurement" name="box_padding_top_measurement"></select></td>
297 
+						</tr>
298 
+					</table>
299 
+				</td>
300 
+			</tr>
301 
+			<tr>
302 
+				<td><label for="box_padding_right">{#style_dlg.right}</label></td>
303 
+				<td>
304 
+					<table border="0" cellspacing="0" cellpadding="0">
305 
+						<tr>
306 
+							<td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
307 
+							<td>&nbsp;</td>
308 
+							<td><select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled"></select></td>
309 
+						</tr>
310 
+					</table>
311 
+				</td>
312 
+			</tr>
313 
+			<tr>
314 
+				<td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
315 
+				<td>
316 
+					<table border="0" cellspacing="0" cellpadding="0">
317 
+						<tr>
318 
+							<td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
319 
+							<td>&nbsp;</td>
320 
+							<td><select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled"></select></td>
321 
+						</tr>
322 
+					</table>
323 
+				</td>
324 
+			</tr>
325 
+			<tr>
326 
+				<td><label for="box_padding_left">{#style_dlg.left}</label></td>
327 
+				<td>
328 
+					<table border="0" cellspacing="0" cellpadding="0">
329 
+						<tr>
330 
+							<td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
331 
+							<td>&nbsp;</td>
332 
+							<td><select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled"></select></td>
333 
+						</tr>
334 
+					</table>
335 
+				</td>
336 
+			</tr>
337 
+		</table>
338 
+	</fieldset>
339 
+</div>
340 
+
341 
+<div style="float: right; width: 49%">
342 
+	<fieldset>
343 
+		<legend>{#style_dlg.margin}</legend>
344 
+
345 
+		<table border="0">
346 
+			<tr>
347 
+				<td>&nbsp;</td>
348 
+				<td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td>
349 
+			</tr>
350 
+			<tr>
351 
+				<td><label for="box_margin_top">{#style_dlg.top}</label></td>
352 
+				<td>
353 
+					<table border="0" cellspacing="0" cellpadding="0">
354 
+						<tr>
355 
+							<td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
356 
+							<td>&nbsp;</td>
357 
+							<td><select id="box_margin_top_measurement" name="box_margin_top_measurement"></select></td>
358 
+						</tr>
359 
+					</table>
360 
+				</td>
361 
+			</tr>
362 
+			<tr>
363 
+				<td><label for="box_margin_right">{#style_dlg.right}</label></td>
364 
+				<td>
365 
+					<table border="0" cellspacing="0" cellpadding="0">
366 
+						<tr>
367 
+							<td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
368 
+							<td>&nbsp;</td>
369 
+							<td><select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled"></select></td>
370 
+						</tr>
371 
+					</table>
372 
+				</td>
373 
+			</tr>
374 
+			<tr>
375 
+				<td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
376 
+				<td>
377 
+					<table border="0" cellspacing="0" cellpadding="0">
378 
+						<tr>
379 
+							<td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
380 
+							<td>&nbsp;</td>
381 
+							<td><select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled"></select></td>
382 
+						</tr>
383 
+					</table>
384 
+				</td>
385 
+			</tr>
386 
+			<tr>
387 
+				<td><label for="box_margin_left">{#style_dlg.left}</label></td>
388 
+				<td>
389 
+					<table border="0" cellspacing="0" cellpadding="0">
390 
+						<tr>
391 
+							<td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
392 
+							<td>&nbsp;</td>
393 
+							<td><select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled"></select></td>
394 
+						</tr>
395 
+					</table>
396 
+				</td>
397 
+			</tr>
398 
+		</table>
399 
+	</fieldset>
400 
+</div>
401 
+<br style="clear: both" />
402 
+</div>
403 
+
404 
+<div id="border_panel" class="panel">
405 
+<table border="0" cellspacing="0" cellpadding="0" width="100%">
406 
+<tr>
407 
+	<td class="tdelim">&nbsp;</td>
408 
+	<td class="tdelim delim">&nbsp;</td>
409 
+	<td class="tdelim">{#style_dlg.style}</td>
410 
+	<td class="tdelim delim">&nbsp;</td>
411 
+	<td class="tdelim">{#style_dlg.width}</td>
412 
+	<td class="tdelim delim">&nbsp;</td>
413 
+	<td class="tdelim">{#style_dlg.color}</td>
414 
+</tr>
415 
+
416 
+<tr>
417 
+	<td>&nbsp;</td>
418 
+	<td class="delim">&nbsp;</td>
419 
+	<td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
420 
+	<td class="delim">&nbsp;</td>
421 
+	<td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
422 
+	<td class="delim">&nbsp;</td>
423 
+	<td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
424 
+</tr>
425 
+
426 
+<tr>
427 
+	<td>{#style_dlg.top}</td>
428 
+	<td class="delim">&nbsp;</td>
429 
+	<td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
430 
+	<td class="delim">&nbsp;</td>
431 
+	<td>
432 
+		<table border="0" cellspacing="0" cellpadding="0">
433 
+			<tr>
434 
+				<td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
435 
+				<td>&nbsp;</td>
436 
+				<td><select id="border_width_top_measurement" name="border_width_top_measurement"></select></td>
437 
+			</tr>
438 
+		</table>
439 
+	</td>
440 
+	<td class="delim">&nbsp;</td>
441 
+	<td>
442 
+		<table border="0" cellpadding="0" cellspacing="0">
443 
+			<tr>
444 
+				<td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
445 
+				<td id="border_color_top_pickcontainer">&nbsp;</td>
446 
+			</tr>
447 
+		</table>
448 
+	</td>
449 
+</tr>
450 
+
451 
+<tr>
452 
+	<td>{#style_dlg.right}</td>
453 
+	<td class="delim">&nbsp;</td>
454 
+	<td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
455 
+	<td class="delim">&nbsp;</td>
456 
+	<td>
457 
+		<table border="0" cellspacing="0" cellpadding="0">
458 
+			<tr>
459 
+				<td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
460 
+				<td>&nbsp;</td>
461 
+				<td><select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled"></select></td>
462 
+			</tr>
463 
+		</table>
464 
+	</td>
465 
+	<td class="delim">&nbsp;</td>
466 
+	<td>
467 
+		<table border="0" cellpadding="0" cellspacing="0">
468 
+			<tr>
469 
+				<td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
470 
+				<td id="border_color_right_pickcontainer">&nbsp;</td>
471 
+			</tr>
472 
+		</table>
473 
+	</td>
474 
+</tr>
475 
+
476 
+<tr>
477 
+	<td>{#style_dlg.bottom}</td>
478 
+	<td class="delim">&nbsp;</td>
479 
+	<td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
480 
+	<td class="delim">&nbsp;</td>
481 
+	<td>
482 
+		<table border="0" cellspacing="0" cellpadding="0">
483 
+			<tr>
484 
+				<td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
485 
+				<td>&nbsp;</td>
486 
+				<td><select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled"></select></td>
487 
+			</tr>
488 
+		</table>
489 
+	</td>
490 
+	<td class="delim">&nbsp;</td>
491 
+	<td>
492 
+		<table border="0" cellpadding="0" cellspacing="0">
493 
+			<tr>
494 
+				<td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
495 
+				<td id="border_color_bottom_pickcontainer">&nbsp;</td>
496 
+			</tr>
497 
+		</table>
498 
+	</td>
499 
+</tr>
500 
+
501 
+<tr>
502 
+	<td>{#style_dlg.left}</td>
503 
+	<td class="delim">&nbsp;</td>
504 
+	<td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
505 
+	<td class="delim">&nbsp;</td>
506 
+	<td>
507 
+		<table border="0" cellspacing="0" cellpadding="0">
508 
+			<tr>
509 
+				<td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
510 
+				<td>&nbsp;</td>
511 
+				<td><select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled"></select></td>
512 
+			</tr>
513 
+		</table>
514 
+	</td>
515 
+	<td class="delim">&nbsp;</td>
516 
+	<td>
517 
+		<table border="0" cellpadding="0" cellspacing="0">
518 
+			<tr>
519 
+				<td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
520 
+				<td id="border_color_left_pickcontainer">&nbsp;</td>
521 
+			</tr>
522 
+		</table>
523 
+	</td>
524 
+</tr>
525 
+</table>
526 
+</div>
527 
+
528 
+<div id="list_panel" class="panel">
529 
+	<table border="0">
530 
+		<tr>
531 
+			<td><label for="list_type">{#style_dlg.list_type}</label></td>
532 
+			<td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
533 
+		</tr>
534 
+
535 
+		<tr>
536 
+			<td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td>
537 
+			<td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td>
538 
+		</tr>
539 
+
540 
+		<tr>
541 
+			<td><label for="list_position">{#style_dlg.position}</label></td>
542 
+			<td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
543 
+		</tr>
544 
+	</table>
545 
+</div>
546 
+
547 
+<div id="positioning_panel" class="panel">
548 
+<table border="0">
549 
+	<tr>
550 
+		<td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
551 
+		<td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
552 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_visibility">{#style_dlg.visibility}</label></td>
553 
+		<td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td>
554 
+	</tr>
555 
+
556 
+	<tr>
557 
+		<td><label for="positioning_width">{#style_dlg.width}</label></td>
558 
+		<td>
559 
+			<table border="0" cellspacing="0" cellpadding="0">
560 
+				<tr>
561 
+					<td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
562 
+					<td>&nbsp;</td>
563 
+					<td><select id="positioning_width_measurement" name="positioning_width_measurement"></select></td>
564 
+				</tr>
565 
+			</table>
566 
+		</td>
567 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_zindex">{#style_dlg.zindex}</label></td>
568 
+		<td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td>
569 
+	</tr>
570 
+
571 
+	<tr>
572 
+		<td><label for="positioning_height">{#style_dlg.height}</label></td>
573 
+		<td>
574 
+			<table border="0" cellspacing="0" cellpadding="0">
575 
+				<tr>
576 
+					<td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
577 
+					<td>&nbsp;</td>
578 
+					<td><select id="positioning_height_measurement" name="positioning_height_measurement"></select></td>
579 
+				</tr>
580 
+			</table>
581 
+		</td>
582 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_overflow">{#style_dlg.overflow}</label></td>
583 
+		<td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
584 
+	</tr>
585 
+</table>
586 
+
587 
+<div style="float: left; width: 49%">
588 
+	<fieldset>
589 
+		<legend>{#style_dlg.placement}</legend>
590 
+
591 
+		<table border="0">
592 
+			<tr>
593 
+				<td>&nbsp;</td>
594 
+				<td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td>
595 
+			</tr>
596 
+			<tr>
597 
+				<td>{#style_dlg.top}</td>
598 
+				<td>
599 
+					<table border="0" cellspacing="0" cellpadding="0">
600 
+						<tr>
601 
+							<td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
602 
+							<td>&nbsp;</td>
603 
+							<td><select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement"></select></td>
604 
+						</tr>
605 
+					</table>
606 
+				</td>
607 
+			</tr>
608 
+			<tr>
609 
+				<td>{#style_dlg.right}</td>
610 
+				<td>
611 
+					<table border="0" cellspacing="0" cellpadding="0">
612 
+						<tr>
613 
+							<td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
614 
+							<td>&nbsp;</td>
615 
+							<td><select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled"></select></td>
616 
+						</tr>
617 
+					</table>
618 
+				</td>
619 
+			</tr>
620 
+			<tr>
621 
+				<td>{#style_dlg.bottom}</td>
622 
+				<td>
623 
+					<table border="0" cellspacing="0" cellpadding="0">
624 
+						<tr>
625 
+							<td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
626 
+							<td>&nbsp;</td>
627 
+							<td><select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled"></select></td>
628 
+						</tr>
629 
+					</table>
630 
+				</td>
631 
+			</tr>
632 
+			<tr>
633 
+				<td>{#style_dlg.left}</td>
634 
+				<td>
635 
+					<table border="0" cellspacing="0" cellpadding="0">
636 
+						<tr>
637 
+							<td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
638 
+							<td>&nbsp;</td>
639 
+							<td><select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled"></select></td>
640 
+						</tr>
641 
+					</table>
642 
+				</td>
643 
+			</tr>
644 
+		</table>
645 
+	</fieldset>
646 
+</div>
647 
+
648 
+<div style="float: right; width: 49%">
649 
+	<fieldset>
650 
+		<legend>{#style_dlg.clip}</legend>
651 
+
652 
+		<table border="0">
653 
+			<tr>
654 
+				<td>&nbsp;</td>
655 
+				<td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td>
656 
+			</tr>
657 
+			<tr>
658 
+				<td>{#style_dlg.top}</td>
659 
+				<td>
660 
+					<table border="0" cellspacing="0" cellpadding="0">
661 
+						<tr>
662 
+							<td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
663 
+							<td>&nbsp;</td>
664 
+							<td><select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement"></select></td>
665 
+						</tr>
666 
+					</table>
667 
+				</td>
668 
+			</tr>
669 
+			<tr>
670 
+				<td>{#style_dlg.right}</td>
671 
+				<td>
672 
+					<table border="0" cellspacing="0" cellpadding="0">
673 
+						<tr>
674 
+							<td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
675 
+							<td>&nbsp;</td>
676 
+							<td><select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled"></select></td>
677 
+						</tr>
678 
+					</table>
679 
+				</td>
680 
+			</tr>
681 
+			<tr>
682 
+				<td>{#style_dlg.bottom}</td>
683 
+				<td>
684 
+					<table border="0" cellspacing="0" cellpadding="0">
685 
+						<tr>
686 
+							<td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
687 
+							<td>&nbsp;</td>
688 
+							<td><select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled"></select></td>
689 
+						</tr>
690 
+					</table>
691 
+				</td>
692 
+			</tr>
693 
+			<tr>
694 
+				<td>{#style_dlg.left}</td>
695 
+				<td>
696 
+					<table border="0" cellspacing="0" cellpadding="0">
697 
+						<tr>
698 
+							<td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
699 
+							<td>&nbsp;</td>
700 
+							<td><select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled"></select></td>
701 
+						</tr>
702 
+					</table>
703 
+				</td>
704 
+			</tr>
705 
+		</table>
706 
+	</fieldset>
707 
+</div>
708 
+<br style="clear: both" />
709 
+</div>
710 
+</div>
711 
+
712 
+<div class="mceActionPanel">
713 
+	<div style="float: left">
714 
+		<div style="float: left"><input type="submit" id="insert" name="insert" value="{#update}" /></div>
715 
+
716 
+		<div style="float: left">&nbsp;<input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" /></div>
717 
+		<br style="clear: both" />
718 
+	</div>
719 
+
720 
+	<div style="float: right">
721 
+		<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
722 
+	</div>
723 
+</div>
724 
+</form>
725 
+
726 
+<div style="display: none">
727 
+	<div id="container"></div>
728 
+</div>
729 
+
730 
+</body>
731 
+</html>