CW Cyrix's Git Repository Mirror
Browse code

TinyMCE version directories relocated to /tinymce/ directory, each with its own version numbers: 2, 3, 4 - Slight naming tweak to TinyMCE dropdown in site settings

Clarissa Walker authored on 2026/07/27 13:46:03
Showing 1 changed files
tinymce/3/jscripts/tiny_mce/plugins/style/props.htm
History View file @ 6d0a884
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,840 @@
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 
+</head>
12 
+
13 
+<body id="styleprops" style="display: none" role="application" aria-labelledby="app_title">
14 
+<span id="app_title" style="display:none">{#style_dlg.title}</span>
15 
+<form onsubmit="updateAction();return false;" action="#">
16 
+<div class="tabs">
17 
+	<ul>
18 
+		<li id="text_tab" class="current" aria-controls="text_panel"><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" aria-controls="background_panel"><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" aria-controls="block_panel"><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" aria-controls="box_panel"><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" aria-controls="border_panel"><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" aria-controls="list_panel"><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" aria-controls="positioning_panel"><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 
+	<fieldset>
31 
+		<legend>{#style_dlg.text}</legend>
32 
+		<table role="presentation" border="0" width="100%">
33 
+			<tr>
34 
+				<td><label for="text_font">{#style_dlg.text_font}</label></td>
35 
+				<td colspan="3">
36 
+					<select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
37 
+				</td>
38 
+			</tr>
39 
+			<tr>
40 
+				<td><label for="text_size">{#style_dlg.text_size}</label></td>
41 
+				<td>
42 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
43 
+						<tr>
44 
+							<td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
45 
+							<td>&nbsp;</td>
46 
+							<td>
47 
+								<label id="text_size_measurement_label" for="text_size_measurement" style="display: none; visibility: hidden;">Text Size Measurement Unit</label>
48 
+								<select id="text_size_measurement" name="text_size_measurement" aria-labelledby="text_size_measurement_label"></select>
49 
+							</td>
50 
+						</tr>
51 
+					</table>
52 
+				</td>
53 
+				<td><label for="text_weight">{#style_dlg.text_weight}</label></td>
54 
+				<td>
55 
+					<select id="text_weight" name="text_weight"></select>
56 
+				</td>
57 
+			</tr>
58 
+			<tr>
59 
+				<td><label for="text_style">{#style_dlg.text_style}</label></td>
60 
+				<td>
61 
+					<select id="text_style" name="text_style" class="mceEditableSelect"></select>
62 
+				</td>
63 
+				<td><label for="text_variant">{#style_dlg.text_variant}</label></td>
64 
+				<td>
65 
+					<select id="text_variant" name="text_variant"></select>
66 
+				</td>
67 
+			</tr>
68 
+			<tr>
69 
+				<td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
70 
+				<td>
71 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
72 
+						<tr>
73 
+							<td>
74 
+								<select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
75 
+							</td>
76 
+							<td>&nbsp;</td>
77 
+							<td>
78 
+								<label id="text_lineheight_measurement_label" for="text_lineheight_measurement" style="display: none; visibility: hidden;">Line Height Measurement Unit</label>
79 
+								<select id="text_lineheight_measurement" name="text_lineheight_measurement" aria-labelledby="text_lineheight_measurement_label"></select>
80 
+							</td>
81 
+						</tr>
82 
+					</table>
83 
+				</td>
84 
+				<td><label for="text_case">{#style_dlg.text_case}</label></td>
85 
+				<td>
86 
+					<select id="text_case" name="text_case"></select>
87 
+				</td>
88 
+			</tr>
89 
+			<tr>
90 
+				<td><label for="text_color">{#style_dlg.text_color}</label></td>
91 
+				<td colspan="2">
92 
+					<table role="presentation" border="0" cellpadding="0" cellspacing="0">
93 
+						<tr>
94 
+							<td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
95 
+							<td id="text_color_pickcontainer">&nbsp;</td>
96 
+						</tr>
97 
+					</table>
98 
+				</td>
99 
+			</tr>
100 
+			<tr>
101 
+				<td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
102 
+				<td colspan="2">
103 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
104 
+						<tr>
105 
+							<td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
106 
+							<td><label for="text_underline">{#style_dlg.text_underline}</label></td>
107 
+						</tr>
108 
+						<tr>
109 
+							<td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
110 
+							<td><label for="text_overline">{#style_dlg.text_overline}</label></td>
111 
+						</tr>
112 
+						<tr>
113 
+							<td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
114 
+							<td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
115 
+						</tr>
116 
+						<tr>
117 
+							<td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
118 
+							<td><label for="text_blink">{#style_dlg.text_blink}</label></td>
119 
+						</tr>
120 
+						<tr>
121 
+							<td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td>
122 
+							<td><label for="text_none">{#style_dlg.text_none}</label></td>
123 
+						</tr>
124 
+					</table>
125 
+				</td>
126 
+			</tr>
127 
+		</table>
128 
+	</fieldset>
129 
+</div>
130 
+
131 
+<div id="background_panel" class="panel">
132 
+	<fieldset>
133 
+		<legend>{#style_dlg.background}</legend>
134 
+		<table role="presentation" border="0">
135 
+			<tr>
136 
+				<td><label for="background_color">{#style_dlg.background_color}</label></td>
137 
+				<td>
138 
+					<table role="presentation" border="0" cellpadding="0" cellspacing="0">
139 
+						<tr>
140 
+							<td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
141 
+							<td id="background_color_pickcontainer">&nbsp;</td>
142 
+						</tr>
143 
+					</table>
144 
+				</td>
145 
+			</tr>
146 
+
147 
+			<tr>
148 
+				<td><label for="background_image">{#style_dlg.background_image}</label></td>
149 
+				<td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
150 
+					<tr>
151 
+						<td><input id="background_image" name="background_image" type="text" /></td>
152 
+						<td id="background_image_browser">&nbsp;</td>
153 
+					</tr>
154 
+					</table>
155 
+				</td>
156 
+			</tr>
157 
+
158 
+			<tr>
159 
+				<td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
160 
+				<td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
161 
+			</tr>
162 
+
163 
+			<tr>
164 
+				<td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
165 
+				<td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
166 
+			</tr>
167 
+
168 
+			<tr>
169 
+				<td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
170 
+				<td>
171 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
172 
+						<tr>
173 
+							<td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
174 
+							<td>&nbsp;</td>
175 
+							<td>
176 
+								<label id="background_hpos_measurement_label" for="background_hpos_measurement" style="display: none; visibility: hidden;">Horizontal position measurement unit</label>
177 
+								<select id="background_hpos_measurement" name="background_hpos_measurement" aria-labelledby="background_hpos_measurement_label"></select>
178 
+							</td>
179 
+						</tr>
180 
+					</table>
181 
+				</td>
182 
+			</tr>
183 
+
184 
+			<tr>
185 
+				<td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
186 
+				<td>
187 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
188 
+						<tr>
189 
+							<td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
190 
+							<td>&nbsp;</td>
191 
+							<td>
192 
+
193 
+								<label id="background_vpos_measurement_label" for="background_vpos_measurement" style="display: none; visibility: hidden;">Vertical position measurement unit</label>
194 
+								<select id="background_vpos_measurement" name="background_vpos_measurement" aria-labelledby="background_vpos_measurement_label">></select></td>
195 
+						</tr>
196 
+					</table>
197 
+				</td>
198 
+			</tr>
199 
+		</table>
200 
+	</fieldset>
201 
+</div>
202 
+
203 
+<div id="block_panel" class="panel">
204 
+	<fieldset>
205 
+		<legend>{#style_dlg.block}</legend>
206 
+		<table role="presentation" border="0">
207 
+			<tr>
208 
+				<td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
209 
+				<td>
210 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
211 
+						<tr>
212 
+							<td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
213 
+							<td>&nbsp;</td>
214 
+							<td>
215 
+								<label id="block_wordspacing_measurement_label" for="block_wordspacing_measurement" style="display: none; visibility: hidden;">Word spacing measurement unit</label>
216 
+								<select id="block_wordspacing_measurement" name="block_wordspacing_measurement" aria-labelledby="block_wordspacing_measurement_label"></select>
217 
+							</td>
218 
+						</tr>
219 
+					</table>
220 
+				</td>
221 
+			</tr>
222 
+
223 
+			<tr>
224 
+				<td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
225 
+				<td>
226 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
227 
+						<tr>
228 
+							<td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
229 
+							<td>&nbsp;</td>
230 
+							<td>
231 
+								<label id="block_letterspacing_measurement_label" for="block_letterspacing_measurement" style="display: none; visibility: hidden;">Letter spacing measurement unit</label>
232 
+								<select id="block_letterspacing_measurement" name="block_letterspacing_measurement" aria-labelledby="block_letterspacing_measurement_label"></select>
233 
+							</td>
234 
+						</tr>
235 
+					</table>
236 
+				</td>
237 
+			</tr>
238 
+
239 
+			<tr>
240 
+				<td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
241 
+				<td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
242 
+			</tr>
243 
+
244 
+			<tr>
245 
+				<td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
246 
+				<td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
247 
+			</tr>
248 
+
249 
+			<tr>
250 
+				<td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
251 
+				<td>
252 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
253 
+						<tr>
254 
+							<td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
255 
+							<td>&nbsp;</td>
256 
+							<td>
257 
+								<label id="block_text_indent_measurement_label" for="block_text_indent_measurement" style="display: none; visibility: hidden;">Text Indent Measurement Unit</label>
258 
+
259 
+								<select id="block_text_indent_measurement" name="block_text_indent_measurement" aria-labelledby="block_text_indent_measurement_label"></select>
260 
+							</td>
261 
+						</tr>
262 
+					</table>
263 
+				</td>
264 
+			</tr>
265 
+
266 
+			<tr>
267 
+				<td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
268 
+				<td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
269 
+			</tr>
270 
+
271 
+			<tr>
272 
+				<td><label for="block_display">{#style_dlg.block_display}</label></td>
273 
+				<td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
274 
+			</tr>
275 
+		</table>
276 
+	</fieldset>
277 
+</div>
278 
+
279 
+<div id="box_panel" class="panel">
280 
+	<fieldset>
281 
+		<legend>{#style_dlg.box}</legend>
282 
+		<table role="presentation" border="0">
283 
+			<tr>
284 
+				<td><label for="box_width">{#style_dlg.box_width}</label></td>
285 
+				<td>
286 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
287 
+						<tr>
288 
+							<td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
289 
+							<td>&nbsp;</td>
290 
+							<td>
291 
+								<label id="box_width_measurement_label" for="box_width_measurement" style="display: none; visibility: hidden;">Box Width Measurement Unit</label>
292 
+								<select id="box_width_measurement" name="box_width_measurement" aria-labelledby="box_width_measurement_label"></select>
293 
+							</td>
294 
+						</tr>
295 
+					</table>
296 
+				</td>
297 
+				<td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
298 
+				<td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
299 
+			</tr>
300 
+
301 
+			<tr>
302 
+				<td><label for="box_height">{#style_dlg.box_height}</label></td>
303 
+				<td>
304 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
305 
+						<tr>
306 
+							<td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
307 
+							<td>&nbsp;</td>
308 
+							<td>
309 
+								<label id="box_height_measurement_label" for="box_height_measurement" style="display: none; visibility: hidden;">Box Height Measurement Unit</label>
310 
+								<select id="box_height_measurement" name="box_height_measurement" aria-labelledby="box_height_measurement_label"></select>
311 
+							</td>
312 
+						</tr>
313 
+					</table>
314 
+				</td>
315 
+				<td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
316 
+				<td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
317 
+			</tr>
318 
+		</table>
319 
+	</fieldset>
320 
+
321 
+<div style="float: left; width: 49%">
322 
+	<fieldset>
323 
+		<legend>{#style_dlg.padding}</legend>
324 
+
325 
+		<table role="presentation" border="0">
326 
+			<tr>
327 
+				<td>&nbsp;</td>
328 
+				<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>
329 
+			</tr>
330 
+			<tr>
331 
+				<td><label for="box_padding_top">{#style_dlg.top}</label></td>
332 
+				<td>
333 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
334 
+						<tr>
335 
+							<td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
336 
+							<td>&nbsp;</td>
337 
+							<td>
338 
+								<label id="box_padding_top_measurement_label" for="box_padding_top_measurement" style="display: none; visibility: hidden;">Padding Top Measurement Unit</label>
339 
+								<select id="box_padding_top_measurement" name="box_padding_top_measurement" aria-labelledby="box_padding_top_measurement_label"></select>
340 
+							</td>
341 
+						</tr>
342 
+					</table>
343 
+				</td>
344 
+			</tr>
345 
+			<tr>
346 
+				<td><label for="box_padding_right">{#style_dlg.right}</label></td>
347 
+				<td>
348 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
349 
+						<tr>
350 
+							<td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
351 
+							<td>&nbsp;</td>
352 
+							<td>
353 
+								<label id="box_padding_right_measurement_label" for="box_padding_right_measurement" style="display: none; visibility: hidden;">Padding Right Measurement Unit</label>
354 
+								<select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled" aria-labelledby="box_padding_right_measurement_label"></select>
355 
+							</td>
356 
+						</tr>
357 
+					</table>
358 
+				</td>
359 
+			</tr>
360 
+			<tr>
361 
+				<td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
362 
+				<td>
363 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
364 
+						<tr>
365 
+							<td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
366 
+							<td>&nbsp;</td>
367 
+							<td>
368 
+								<label id="box_padding_bottom_measurement_label" for="box_padding_bottom_measurement" style="display: none; visibility: hidden;">Padding Bottom Measurement Unit</label>
369 
+								<select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled" aria-labelledby="box_padding_bottom_measurement_label"></select>
370 
+							</td>
371 
+						</tr>
372 
+					</table>
373 
+				</td>
374 
+			</tr>
375 
+			<tr>
376 
+				<td><label for="box_padding_left">{#style_dlg.left}</label></td>
377 
+				<td>
378 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
379 
+						<tr>
380 
+							<td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
381 
+							<td>&nbsp;</td>
382 
+							<td>
383 
+								<label id="box_padding_left_measurement_label" for="box_padding_left_measurement" style="display: none; visibility: hidden;">Padding Left Measurement Unit</label>
384 
+								<select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled" aria-labelledby="box_padding_left_measurement_label"></select>
385 
+							</td>
386 
+						</tr>
387 
+					</table>
388 
+				</td>
389 
+			</tr>
390 
+		</table>
391 
+	</fieldset>
392 
+</div>
393 
+
394 
+<div style="float: right; width: 49%">
395 
+	<fieldset>
396 
+		<legend>{#style_dlg.margin}</legend>
397 
+
398 
+		<table role="presentation" border="0">
399 
+			<tr>
400 
+				<td>&nbsp;</td>
401 
+				<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>
402 
+			</tr>
403 
+			<tr>
404 
+				<td><label for="box_margin_top">{#style_dlg.top}</label></td>
405 
+				<td>
406 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
407 
+						<tr>
408 
+							<td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
409 
+							<td>&nbsp;</td>
410 
+							<td>
411 
+								<label id="box_margin_top_measurement_label" for="box_margin_top_measurement" style="display: none; visibility: hidden;">Margin Top Measurement Unit</label>
412 
+								<select id="box_margin_top_measurement" name="box_margin_top_measurement" aria-labelledby="box_margin_top_measurement_label"></select>
413 
+							</td>
414 
+						</tr>
415 
+					</table>
416 
+				</td>
417 
+			</tr>
418 
+			<tr>
419 
+				<td><label for="box_margin_right">{#style_dlg.right}</label></td>
420 
+				<td>
421 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
422 
+						<tr>
423 
+							<td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
424 
+							<td>&nbsp;</td>
425 
+							<td>
426 
+								<label id="box_margin_right_measurement_label" for="box_margin_right_measurement" style="display: none; visibility: hidden;">Margin Right Measurement Unit</label>
427 
+								<select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled" aria-labelledby="box_margin_right_measurement_label"></select>
428 
+							</td>
429 
+						</tr>
430 
+					</table>
431 
+				</td>
432 
+			</tr>
433 
+			<tr>
434 
+				<td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
435 
+				<td>
436 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
437 
+						<tr>
438 
+							<td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
439 
+							<td>&nbsp;</td>
440 
+							<td>
441 
+								<label id="box_margin_bottom_measurement_label" for="box_margin_bottom_measurement" style="display: none; visibility: hidden;">Margin Bottom Measurement Unit</label>
442 
+								<select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled" aria-labelledby="box_margin_bottom_measurement_label"></select>
443 
+							</td>
444 
+						</tr>
445 
+					</table>
446 
+				</td>
447 
+			</tr>
448 
+			<tr>
449 
+				<td><label for="box_margin_left">{#style_dlg.left}</label></td>
450 
+				<td>
451 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
452 
+						<tr>
453 
+							<td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
454 
+							<td>&nbsp;</td>
455 
+							<td>
456 
+								<label id="box_margin_left_measurement_label" for="box_margin_left_measurement" style="display: none; visibility: hidden;">Margin Left Measurement Unit</label>
457 
+								<select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled" aria-labelledby="box_margin_left_measurement_label"></select>
458 
+							</td>
459 
+						</tr>
460 
+					</table>
461 
+				</td>
462 
+			</tr>
463 
+		</table>
464 
+	</fieldset>
465 
+</div>
466 
+<br style="clear: both" />
467 
+</div>
468 
+
469 
+<div id="border_panel" class="panel">
470 
+	<fieldset>
471 
+		<legend>{#style_dlg.border}</legend>
472 
+		<table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%">
473 
+		<tr>
474 
+			<td class="tdelim">&nbsp;</td>
475 
+			<td class="tdelim delim">&nbsp;</td>
476 
+			<td class="tdelim">{#style_dlg.style}</td>
477 
+			<td class="tdelim delim">&nbsp;</td>
478 
+			<td class="tdelim">{#style_dlg.width}</td>
479 
+			<td class="tdelim delim">&nbsp;</td>
480 
+			<td class="tdelim">{#style_dlg.color}</td>
481 
+		</tr>
482 
+
483 
+		<tr>
484 
+			<td>&nbsp;</td>
485 
+			<td class="delim">&nbsp;</td>
486 
+			<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>
487 
+			<td class="delim">&nbsp;</td>
488 
+			<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>
489 
+			<td class="delim">&nbsp;</td>
490 
+			<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>
491 
+		</tr>
492 
+
493 
+		<tr>
494 
+			<td>{#style_dlg.top}</td>
495 
+			<td class="delim">&nbsp;</td>
496 
+			<td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
497 
+			<td class="delim">&nbsp;</td>
498 
+			<td>
499 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
500 
+					<tr>
501 
+						<td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
502 
+						<td>&nbsp;</td>
503 
+						<td>
504 
+							<label id="border_width_top_measurement_label" for="border_width_top_measurement" style="display: none; visibility: hidden;">Width top Measurement Unit</label>
505 
+							<select id="border_width_top_measurement" name="border_width_top_measurement" aria-labelledby="border_width_top_measurement_label"></select>
506 
+						</td>
507 
+					</tr>
508 
+				</table>
509 
+			</td>
510 
+			<td class="delim">&nbsp;</td>
511 
+			<td>
512 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
513 
+					<tr>
514 
+						<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>
515 
+						<td id="border_color_top_pickcontainer">&nbsp;</td>
516 
+					</tr>
517 
+				</table>
518 
+			</td>
519 
+		</tr>
520 
+
521 
+		<tr>
522 
+			<td>{#style_dlg.right}</td>
523 
+			<td class="delim">&nbsp;</td>
524 
+			<td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
525 
+			<td class="delim">&nbsp;</td>
526 
+			<td>
527 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
528 
+					<tr>
529 
+						<td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
530 
+						<td>&nbsp;</td>
531 
+						<td>
532 
+							<label id="border_width_right_measurement_label" for="border_width_right_measurement" style="display: none; visibility: hidden;">Width Right Measurement Unit</label>
533 
+							<select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled" aria-labelledby="border_width_right_measurement_label"></select>
534 
+						</td>
535 
+					</tr>
536 
+				</table>
537 
+			</td>
538 
+			<td class="delim">&nbsp;</td>
539 
+			<td>
540 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
541 
+					<tr>
542 
+						<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>
543 
+						<td id="border_color_right_pickcontainer">&nbsp;</td>
544 
+					</tr>
545 
+				</table>
546 
+			</td>
547 
+		</tr>
548 
+
549 
+		<tr>
550 
+			<td>{#style_dlg.bottom}</td>
551 
+			<td class="delim">&nbsp;</td>
552 
+			<td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
553 
+			<td class="delim">&nbsp;</td>
554 
+			<td>
555 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
556 
+					<tr>
557 
+						<td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
558 
+						<td>&nbsp;</td>
559 
+						<td>
560 
+							<label id="border_width_bottom_measurement_label" for="border_width_bottom_measurement" style="display: none; visibility: hidden;">Width Bottom Measurement Unit</label>
561 
+							<select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled" aria-labelledby="border_width_bottom_measurement_label"></select>
562 
+						</td>
563 
+					</tr>
564 
+				</table>
565 
+			</td>
566 
+			<td class="delim">&nbsp;</td>
567 
+			<td>
568 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
569 
+					<tr>
570 
+						<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>
571 
+						<td id="border_color_bottom_pickcontainer">&nbsp;</td>
572 
+					</tr>
573 
+				</table>
574 
+			</td>
575 
+		</tr>
576 
+
577 
+		<tr>
578 
+			<td>{#style_dlg.left}</td>
579 
+			<td class="delim">&nbsp;</td>
580 
+			<td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
581 
+			<td class="delim">&nbsp;</td>
582 
+			<td>
583 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
584 
+					<tr>
585 
+						<td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
586 
+						<td>&nbsp;</td>
587 
+						<td>
588 
+							<label id="border_width_left_measurement_label" for="border_width_left_measurement" style="display: none; visibility: hidden;">Width Left Measurement Unit</label>
589 
+							<select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled" aria-labelledby="border_width_left_measurement_label"></select>
590 
+						</td>
591 
+					</tr>
592 
+				</table>
593 
+			</td>
594 
+			<td class="delim">&nbsp;</td>
595 
+			<td>
596 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
597 
+					<tr>
598 
+						<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>
599 
+						<td id="border_color_left_pickcontainer">&nbsp;</td>
600 
+					</tr>
601 
+				</table>
602 
+			</td>
603 
+		</tr>
604 
+		</table>
605 
+	</fieldset>
606 
+</div>
607 
+
608 
+<div id="list_panel" class="panel">
609 
+<fieldset>
610 
+	<legend>{#style_dlg.list}</legend>
611 
+	<table role="presentation" border="0">
612 
+		<tr>
613 
+			<td><label for="list_type">{#style_dlg.list_type}</label></td>
614 
+			<td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
615 
+		</tr>
616 
+
617 
+		<tr>
618 
+			<td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td>
619 
+			<td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td>
620 
+		</tr>
621 
+
622 
+		<tr>
623 
+			<td><label for="list_position">{#style_dlg.position}</label></td>
624 
+			<td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
625 
+		</tr>
626 
+	</table>
627 
+</fieldset>
628 
+</div>
629 
+
630 
+<div id="positioning_panel" class="panel">
631 
+<fieldset>
632 
+	<legend>{#style_dlg.position}</legend>
633 
+<table role="presentation" border="0">
634 
+	<tr>
635 
+		<td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
636 
+		<td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
637 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_visibility">{#style_dlg.visibility}</label></td>
638 
+		<td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td>
639 
+	</tr>
640 
+
641 
+	<tr>
642 
+		<td><label for="positioning_width">{#style_dlg.width}</label></td>
643 
+		<td>
644 
+			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
645 
+				<tr>
646 
+					<td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
647 
+					<td>&nbsp;</td>
648 
+					<td>
649 
+						<label id="positioning_width_measurement_label" for="positioning_width_measurement" style="display: none; visibility: hidden;">Positioning width Measurement Unit</label>
650 
+						<select id="positioning_width_measurement" name="positioning_width_measurement" aria-labelledby="positioning_width_measurement_label"></select>
651 
+					</td>
652 
+				</tr>
653 
+			</table>
654 
+		</td>
655 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_zindex">{#style_dlg.zindex}</label></td>
656 
+		<td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td>
657 
+	</tr>
658 
+
659 
+	<tr>
660 
+		<td><label for="positioning_height">{#style_dlg.height}</label></td>
661 
+		<td>
662 
+			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
663 
+				<tr>
664 
+					<td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
665 
+					<td>&nbsp;</td>
666 
+					<td>
667 
+						<label id="positioning_height_measurement_label" for="positioning_height_measurement" style="display: none; visibility: hidden;">Positioning Height Measurement Unit</label>
668 
+						<select id="positioning_height_measurement" name="positioning_height_measurement" aria-labelledby="positioning_height_measurement_label"></select>
669 
+					</td>
670 
+				</tr>
671 
+			</table>
672 
+		</td>
673 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_overflow">{#style_dlg.overflow}</label></td>
674 
+		<td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
675 
+	</tr>
676 
+</table>
677 
+</fieldset>
678 
+
679 
+<div style="float: left; width: 49%">
680 
+	<fieldset>
681 
+		<legend>{#style_dlg.placement}</legend>
682 
+
683 
+		<table role="presentation" border="0">
684 
+			<tr>
685 
+				<td>&nbsp;</td>
686 
+				<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>
687 
+			</tr>
688 
+			<tr>
689 
+				<td>{#style_dlg.top}</td>
690 
+				<td>
691 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
692 
+						<tr>
693 
+							<td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
694 
+							<td>&nbsp;</td>
695 
+							<td>
696 
+								<label id="positioning_placement_top_measurement_label" for="positioning_placement_top_measurement" style="display: none; visibility: hidden;">Placement Top Measurement Unit</label>
697 
+								<select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement" aria-labelledby="positioning_placement_top_measurement_label"></select>
698 
+							</td>
699 
+						</tr>
700 
+					</table>
701 
+				</td>
702 
+			</tr>
703 
+			<tr>
704 
+				<td>{#style_dlg.right}</td>
705 
+				<td>
706 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
707 
+						<tr>
708 
+							<td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
709 
+							<td>&nbsp;</td>
710 
+							<td>
711 
+								<label id="positioning_placement_right_measurement_label" for="positioning_placement_right_measurement" style="display: none; visibility: hidden;">Placement Right Measurement Unit</label>
712 
+								<select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled" aria-labelledby="positioning_placement_right_measurement_label"></select>
713 
+							</td>
714 
+						</tr>
715 
+					</table>
716 
+				</td>
717 
+			</tr>
718 
+			<tr>
719 
+				<td>{#style_dlg.bottom}</td>
720 
+				<td>
721 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
722 
+						<tr>
723 
+							<td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
724 
+							<td>&nbsp;</td>
725 
+							<td>
726 
+								<label id="positioning_placement_bottom_measurement_label" for="positioning_placement_bottom_measurement" style="display: none; visibility: hidden;">Placement Bottom Measurement Unit</label>
727 
+								<select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled" aria-labelledby="positioning_placement_bottom_measurement_label"></select>
728 
+							</td>
729 
+						</tr>
730 
+					</table>
731 
+				</td>
732 
+			</tr>
733 
+			<tr>
734 
+				<td>{#style_dlg.left}</td>
735 
+				<td>
736 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
737 
+						<tr>
738 
+							<td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
739 
+							<td>&nbsp;</td>
740 
+							<td>
741 
+								<label id="positioning_placement_left_measurement_label" for="positioning_placement_left_measurement" style="display: none; visibility: hidden;">Placement Left Measurement Unit</label>
742 
+								<select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled" aria-labelledby="positioning_placement_left_measurement_label"></select>
743 
+							</td>
744 
+						</tr>
745 
+					</table>
746 
+				</td>
747 
+			</tr>
748 
+		</table>
749 
+	</fieldset>
750 
+</div>
751 
+
752 
+<div style="float: right; width: 49%">
753 
+	<fieldset>
754 
+		<legend>{#style_dlg.clip}</legend>
755 
+
756 
+		<table role="presentation" border="0">
757 
+			<tr>
758 
+				<td>&nbsp;</td>
759 
+				<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>
760 
+			</tr>
761 
+			<tr>
762 
+				<td>{#style_dlg.top}</td>
763 
+				<td>
764 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
765 
+						<tr>
766 
+							<td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
767 
+							<td>&nbsp;</td>
768 
+							<td>
769 
+								<label id="positioning_clip_top_measurement_label" for="positioning_clip_top_measurement" style="display: none; visibility: hidden;">Clip Top Measurement Unit</label>
770 
+								<select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement" aria-labelledby="positioning_clip_top_measurement_label"></select>
771 
+							</td>
772 
+						</tr>
773 
+					</table>
774 
+				</td>
775 
+			</tr>
776 
+			<tr>
777 
+				<td>{#style_dlg.right}</td>
778 
+				<td>
779 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
780 
+						<tr>
781 
+							<td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
782 
+							<td>&nbsp;</td>
783 
+							<td>
784 
+								<label id="positioning_clip_right_measurement_label" for="positioning_clip_right_measurement" style="display: none; visibility: hidden;">Clip Right Measurement Unit</label>
785 
+								<select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled" aria-labelledby="positioning_clip_right_measurement_label"></select>
786 
+							</td>
787 
+						</tr>
788 
+					</table>
789 
+				</td>
790 
+			</tr>
791 
+			<tr>
792 
+				<td>{#style_dlg.bottom}</td>
793 
+				<td>
794 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
795 
+						<tr>
796 
+							<td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
797 
+							<td>&nbsp;</td>
798 
+							<td>
799 
+								<label id="positioning_clip_bottom_measurement_label" for="positioning_clip_bottom_measurement" style="display: none; visibility: hidden;">Clip Bottom Measurement Unit</label>
800 
+								<select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled" aria-labelledby="positioning_clip_bottom_measurement_label"></select>
801 
+							</td>
802 
+						</tr>
803 
+					</table>
804 
+				</td>
805 
+			</tr>
806 
+			<tr>
807 
+				<td>{#style_dlg.left}</td>
808 
+				<td>
809 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
810 
+						<tr>
811 
+							<td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
812 
+							<td>&nbsp;</td>
813 
+							<td>
814 
+								<label id="positioning_clip_left_measurement_label" for="positioning_clip_left_measurement" style="display: none; visibility: hidden;">Clip Left Measurement Unit</label>
815 
+								<select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled" aria-labelledby="positioning_clip_left_measurement_label"></select>
816 
+							</td>
817 
+						</tr>
818 
+					</table>
819 
+				</td>
820 
+			</tr>
821 
+		</table>
822 
+	</fieldset>
823 
+</div>
824 
+<br style="clear: both" />
825 
+</div>
826 
+</div>
827 
+
828 
+<div class="mceActionPanel">
829 
+	<input type="submit" id="insert" name="insert" value="{#update}" />
830 
+	<input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" />
831 
+	<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
832 
+</div>
833 
+</form>
834 
+
835 
+<div style="display: none">
836 
+	<div id="container"></div>
837 
+</div>
838 
+
839 
+</body>
840 
+</html>