source: branches/rsr.v5.1.dev/web/app/plugins/tinymce/jscripts/tiny_mce/plugins/style/props.htm @ 1

Last change on this file since 1 was 1, checked in by dj3c1t, 12 years ago

import initial

File size: 27.1 KB
Line 
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" onChange="alert(this.options[this.selectedIndex].value);"></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="button" id="insert" name="insert" value="{#update}" onClick="updateAction();" /></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>
Note: See TracBrowser for help on using the repository browser.