PageRenderTime 27ms CodeModel.GetById 2ms app.highlight 19ms RepoModel.GetById 1ms app.codeStats 0ms

/static/scripts/tiny_mce/plugins/style/props.htm

http://n23.googlecode.com/
HTML | 731 lines | 690 code | 41 blank | 0 comment | 0 complexity | d4e3d92f757881513ad4200472b1e87c MD5 | raw file
  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>