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