tinymce-rails 3.5.4.1 → 3.5.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. data/lib/tinymce/rails/version.rb +2 -2
  2. data/vendor/assets/javascripts/tinymce/plugins/advimage/js/image.js +5 -3
  3. data/vendor/assets/javascripts/tinymce/plugins/autolink/editor_plugin.js +1 -1
  4. data/vendor/assets/javascripts/tinymce/plugins/autolink/editor_plugin_src.js +184 -181
  5. data/vendor/assets/javascripts/tinymce/plugins/autoresize/editor_plugin_src.js +119 -119
  6. data/vendor/assets/javascripts/tinymce/plugins/emotions/langs/en_dlg.js +1 -1
  7. data/vendor/assets/javascripts/tinymce/plugins/example_dependency/editor_plugin_src.js +50 -50
  8. data/vendor/assets/javascripts/tinymce/plugins/fullscreen/editor_plugin.js +1 -1
  9. data/vendor/assets/javascripts/tinymce/plugins/fullscreen/editor_plugin_src.js +4 -4
  10. data/vendor/assets/javascripts/tinymce/plugins/lists/editor_plugin.js +1 -1
  11. data/vendor/assets/javascripts/tinymce/plugins/lists/editor_plugin_src.js +956 -952
  12. data/vendor/assets/javascripts/tinymce/plugins/media/js/media.js +34 -1
  13. data/vendor/assets/javascripts/tinymce/plugins/media/langs/en_dlg.js +1 -1
  14. data/vendor/assets/javascripts/tinymce/plugins/noneditable/editor_plugin.js +1 -1
  15. data/vendor/assets/javascripts/tinymce/plugins/noneditable/editor_plugin_src.js +1 -4
  16. data/vendor/assets/javascripts/tinymce/plugins/style/langs/en_dlg.js +1 -1
  17. data/vendor/assets/javascripts/tinymce/plugins/style/props.htm +845 -845
  18. data/vendor/assets/javascripts/tinymce/plugins/style/readme.txt +19 -19
  19. data/vendor/assets/javascripts/tinymce/plugins/tabfocus/editor_plugin_src.js +122 -122
  20. data/vendor/assets/javascripts/tinymce/plugins/table/editor_plugin_src.js +1449 -1449
  21. data/vendor/assets/javascripts/tinymce/themes/advanced/editor_template.js +1 -1
  22. data/vendor/assets/javascripts/tinymce/themes/advanced/editor_template_src.js +2 -1
  23. data/vendor/assets/javascripts/tinymce/themes/advanced/js/color_picker.js +345 -345
  24. data/vendor/assets/javascripts/tinymce/themes/advanced/langs/en_dlg.js +1 -1
  25. data/vendor/assets/javascripts/tinymce/tiny_mce.js +1 -1
  26. data/vendor/assets/javascripts/tinymce/tiny_mce_jquery.js +1 -1
  27. data/vendor/assets/javascripts/tinymce/tiny_mce_jquery_src.js +277 -75
  28. data/vendor/assets/javascripts/tinymce/tiny_mce_src.js +277 -75
  29. metadata +5 -7
@@ -78,7 +78,7 @@
78
78
  get('video_altsource2_filebrowser').innerHTML = getBrowserHTML('video_filebrowser_altsource2','video_altsource2','media','media');
79
79
  get('audio_altsource1_filebrowser').innerHTML = getBrowserHTML('audio_filebrowser_altsource1','audio_altsource1','media','media');
80
80
  get('audio_altsource2_filebrowser').innerHTML = getBrowserHTML('audio_filebrowser_altsource2','audio_altsource2','media','media');
81
- get('video_poster_filebrowser').innerHTML = getBrowserHTML('filebrowser_poster','video_poster','media','image');
81
+ get('video_poster_filebrowser').innerHTML = getBrowserHTML('filebrowser_poster','video_poster','image','media');
82
82
 
83
83
  html = self.getMediaListHTML('medialist', 'src', 'media', 'media');
84
84
  if (html == "")
@@ -326,6 +326,39 @@
326
326
  setVal('src', src);
327
327
  setVal('media_type', data.type);
328
328
  }
329
+
330
+ // Vimeo
331
+ if (src.match(/vimeo.com\/([0-9]+)/)) {
332
+ data.width = 425;
333
+ data.height = 350;
334
+ data.params.frameborder = '0';
335
+ data.type = 'iframe';
336
+ src = 'http://player.vimeo.com/video/' + src.match(/vimeo.com\/([0-9]+)/)[1];
337
+ setVal('src', src);
338
+ setVal('media_type', data.type);
339
+ }
340
+
341
+ // stream.cz
342
+ if (src.match(/stream.cz\/((?!object).)*\/([0-9]+)/)) {
343
+ data.width = 425;
344
+ data.height = 350;
345
+ data.params.frameborder = '0';
346
+ data.type = 'iframe';
347
+ src = 'http://www.stream.cz/object/' + src.match(/stream.cz\/[^/]+\/([0-9]+)/)[1];
348
+ setVal('src', src);
349
+ setVal('media_type', data.type);
350
+ }
351
+
352
+ // Google maps
353
+ if (src.match(/maps.google.([a-z]{2,3})\/maps\/(.+)msid=(.+)/)) {
354
+ data.width = 425;
355
+ data.height = 350;
356
+ data.params.frameborder = '0';
357
+ data.type = 'iframe';
358
+ src = 'http://maps.google.com/maps/ms?msid=' + src.match(/msid=(.+)/)[1] + "&output=embed";
359
+ setVal('src', src);
360
+ setVal('media_type', data.type);
361
+ }
329
362
 
330
363
  if (data.type == 'video') {
331
364
  if (!data.video.sources)
@@ -1 +1 @@
1
- tinyMCE.addI18n('en.media_dlg',{list:"List",file:"File/URL",advanced:"Advanced",general:"General",title:"Insert/Edit Embedded Media","align_top_left":"Top Left","align_center":"Center","align_left":"Left","align_bottom":"Bottom","align_right":"Right","align_top":"Top","qt_stream_warn":"Streamed RTSP resources should be added to the QT Source field under the Advanced tab.\nYou should also add a non-streamed version to the Source field.",qtsrc:"QT Source",progress:"Progress",sound:"Sound",swstretchvalign:"Stretch V-Align",swstretchhalign:"Stretch H-Align",swstretchstyle:"Stretch Style",scriptcallbacks:"Script Callbacks","align_top_right":"Top Right",uimode:"UI Mode",rate:"Rate",playcount:"Play Count",defaultframe:"Default Frame",currentposition:"Current Position",currentmarker:"Current Marker",captioningid:"Captioning ID",baseurl:"Base URL",balance:"Balance",windowlessvideo:"Windowless Video",stretchtofit:"Stretch to Fit",mute:"Mute",invokeurls:"Invoke URLs",fullscreen:"Full Screen",enabled:"Enabled",autostart:"Auto Start",volume:"Volume",target:"Target",qtsrcchokespeed:"Choke Speed",href:"HREF",endtime:"End Time",starttime:"Start Time",enablejavascript:"Enable JavaScript",correction:"No Correction",targetcache:"Target Cache",playeveryframe:"Play Every Frame",kioskmode:"Kiosk Mode",controller:"Controller",menu:"Show Menu",loop:"Loop",play:"Auto Play",hspace:"H-Space",vspace:"V-Space","class_name":"Class",name:"Name",id:"ID",type:"Type",size:"Dimensions",preview:"Preview","constrain_proportions":"Constrain Proportions",controls:"Controls",numloop:"Num Loops",console:"Console",cache:"Cache",autohref:"Auto HREF",liveconnect:"SWLiveConnect",flashvars:"Flash Vars",base:"Base",bgcolor:"Background",wmode:"WMode",salign:"SAlign",align:"Align",scale:"Scale",quality:"Quality",shuffle:"Shuffle",prefetch:"Prefetch",nojava:"No Java",maintainaspect:"Maintain Aspect",imagestatus:"Image Status",center:"Center",autogotourl:"Auto Goto URL","shockwave_options":"Shockwave Options","rmp_options":"Real Media Player Options","wmp_options":"Windows Media Player Options","qt_options":"QuickTime Options","flash_options":"Flash Options",hidden:"Hidden","align_bottom_left":"Bottom Left","align_bottom_right":"Bottom Right","html5_video_options":"HTML5 Video Options",altsource1:"Alternative source 1",altsource2:"Alternative source 2",preload:"Preload",poster:"Poster",source:"Source","html5_audio_options":"Audio Options","preload_none":"Don\'t Preload","preload_metadata":"Preload video metadata","preload_auto":"Let user\'s browser decide", "embedded_audio_options":"Embedded Audio Options", video:"HTML5 Video", audio:"HTML5 Audio", flash:"Flash", quicktime:"QuickTime", shockwave:"Shockwave", windowsmedia:"Windows Media", realmedia:"Real Media", iframe:"Iframe", embeddedaudio:"Embedded Audio" });
1
+ tinyMCE.addI18n('en.media_dlg',{list:"List",file:"File/URL",advanced:"Advanced",general:"General",title:"Insert/Edit Embedded Media","align_top_left":"Top Left","align_center":"Center","align_left":"Left","align_bottom":"Bottom","align_right":"Right","align_top":"Top","qt_stream_warn":"Streamed RTSP resources should be added to the QT Source field under the Advanced tab.\nYou should also add a non-streamed version to the Source field.",qtsrc:"QT Source",progress:"Progress",sound:"Sound",swstretchvalign:"Stretch V-Align",swstretchhalign:"Stretch H-Align",swstretchstyle:"Stretch Style",scriptcallbacks:"Script Callbacks","align_top_right":"Top Right",uimode:"UI Mode",rate:"Rate",playcount:"Play Count",defaultframe:"Default Frame",currentposition:"Current Position",currentmarker:"Current Marker",captioningid:"Captioning ID",baseurl:"Base URL",balance:"Balance",windowlessvideo:"Windowless Video",stretchtofit:"Stretch to Fit",mute:"Mute",invokeurls:"Invoke URLs",fullscreen:"Full Screen",enabled:"Enabled",autostart:"Auto Start",volume:"Volume",target:"Target",qtsrcchokespeed:"Choke Speed",href:"HREF",endtime:"End Time",starttime:"Start Time",enablejavascript:"Enable JavaScript",correction:"No Correction",targetcache:"Target Cache",playeveryframe:"Play Every Frame",kioskmode:"Kiosk Mode",controller:"Controller",menu:"Show Menu",loop:"Loop",play:"Auto Play",hspace:"H-Space",vspace:"V-Space","class_name":"Class",name:"Name",id:"ID",type:"Type",size:"Dimensions",preview:"Preview","constrain_proportions":"Constrain Proportions",controls:"Controls",numloop:"Num Loops",console:"Console",cache:"Cache",autohref:"Auto HREF",liveconnect:"SWLiveConnect",flashvars:"Flash Vars",base:"Base",bgcolor:"Background",wmode:"WMode",salign:"SAlign",align:"Align",scale:"Scale",quality:"Quality",shuffle:"Shuffle",prefetch:"Prefetch",nojava:"No Java",maintainaspect:"Maintain Aspect",imagestatus:"Image Status",center:"Center",autogotourl:"Auto Goto URL","shockwave_options":"Shockwave Options","rmp_options":"Real Media Player Options","wmp_options":"Windows Media Player Options","qt_options":"QuickTime Options","flash_options":"Flash Options",hidden:"Hidden","align_bottom_left":"Bottom Left","align_bottom_right":"Bottom Right","html5_video_options":"HTML5 Video Options",altsource1:"Alternative source 1",altsource2:"Alternative source 2",preload:"Preload",poster:"Poster",source:"Source","html5_audio_options":"Audio Options","preload_none":"Don\'t Preload","preload_metadata":"Preload video metadata","preload_auto":"Let user\'s browser decide", "embedded_audio_options":"Embedded Audio Options", video:"HTML5 Video", audio:"HTML5 Audio", flash:"Flash", quicktime:"QuickTime", shockwave:"Shockwave", windowsmedia:"Windows Media", realmedia:"Real Media", iframe:"Iframe", embeddedaudio:"Embedded Audio" });
@@ -1 +1 @@
1
- (function(){var c=tinymce.dom.TreeWalker;var a="contenteditable",d="data-mce-"+a;var e=tinymce.VK;function b(n){var j=n.dom,p=n.selection,r,o="mce_noneditablecaret";r=tinymce.isGecko?"\u200B":"\uFEFF";function m(t){var s;if(t.nodeType===1){s=t.getAttribute(d);if(s&&s!=="inherit"){return s}s=t.contentEditable;if(s!=="inherit"){return s}}return null}function g(s){var t;while(s){t=m(s);if(t){return t==="false"?s:null}s=s.parentNode}}function l(s){while(s){if(s.id===o){return s}s=s.parentNode}}function k(s){var t;if(s){t=new c(s,s);for(s=t.current();s;s=t.next()){if(s.nodeType===3){return s}}}}function f(v,u){var s,t;if(m(v)==="false"){if(j.isBlock(v)){p.select(v);return}}t=j.createRng();if(m(v)==="true"){if(!v.firstChild){v.appendChild(n.getDoc().createTextNode("\u00a0"))}v=v.firstChild;u=true}s=j.create("span",{id:o,"data-mce-bogus":true},r);if(u){v.parentNode.insertBefore(s,v)}else{j.insertAfter(s,v)}t.setStart(s.firstChild,1);t.collapse(true);p.setRng(t);return s}function i(s){var v,t,u;if(s){rng=p.getRng(true);rng.setStartBefore(s);rng.setEndBefore(s);v=k(s);if(v&&v.nodeValue.charAt(0)==r){v=v.deleteData(0,1)}j.remove(s,true);p.setRng(rng)}else{t=l(p.getStart());while((s=j.get(o))&&s!==u){if(t!==s){v=k(s);if(v&&v.nodeValue.charAt(0)==r){v=v.deleteData(0,1)}j.remove(s,true)}u=s}}}function q(){var s,w,u,t,v;function x(B,D){var A,F,E,C,z;A=t.startContainer;F=t.startOffset;if(A.nodeType==3){z=A.nodeValue.length;if((F>0&&F<z)||(D?F==z:F==0)){return}}else{if(F<A.childNodes.length){var G=!D&&F>0?F-1:F;A=A.childNodes[G];if(A.hasChildNodes()){A=A.firstChild}}else{return !D?B:null}}E=new c(A,B);while(C=E[D?"prev":"next"]()){if(C.nodeType===3&&C.nodeValue.length>0){return}else{if(m(C)==="true"){return C}}}return B}i();u=p.isCollapsed();s=g(p.getStart());w=g(p.getEnd());if(s||w){t=p.getRng(true);if(u){s=s||w;var y=p.getStart();if(v=x(s,true)){f(v,true)}else{if(v=x(s,false)){f(v,false)}else{p.select(s)}}}else{t=p.getRng(true);if(s){t.setStartBefore(s)}if(w){t.setEndAfter(w)}p.setRng(t)}}}function h(z,B){var F=B.keyCode,x,C,D,v;function u(H,G){while(H=H[G?"previousSibling":"nextSibling"]){if(H.nodeType!==3||H.nodeValue.length>0){return H}}}function y(G,H){p.select(G);p.collapse(H)}function t(K){var J,I,M,H;function G(O){var N=I;while(N){if(N===O){return}N=N.parentNode}j.remove(O);q()}function L(){var O,P,N=z.schema.getNonEmptyElements();P=new tinymce.dom.TreeWalker(I,z.getBody());while(O=(K?P.prev():P.next())){if(N[O.nodeName.toLowerCase()]){break}if(O.nodeType===3&&tinymce.trim(O.nodeValue).length>0){break}if(m(O)==="false"){G(O);return true}}if(g(O)){return true}return false}if(p.isCollapsed()){J=p.getRng(true);I=J.startContainer;M=J.startOffset;I=l(I)||I;if(H=g(I)){G(H);return false}if(I.nodeType==3&&(K?M>0:M<I.nodeValue.length)){return true}if(I.nodeType==1){I=I.childNodes[M]||I}if(L()){return false}}return true}D=p.getStart();v=p.getEnd();x=g(D)||g(v);if(x&&(F<112||F>124)&&F!=e.DELETE&&F!=e.BACKSPACE){if((tinymce.isMac?B.metaKey:B.ctrlKey)&&(F==67||F==88||F==86)){return}B.preventDefault();if(F==e.LEFT||F==e.RIGHT){var w=F==e.LEFT;if(z.dom.isBlock(x)){var A=w?x.previousSibling:x.nextSibling;var s=new c(A,A);var E=w?s.prev():s.next();y(E,!w)}else{y(x,w)}}}else{if(F==e.LEFT||F==e.RIGHT||F==e.BACKSPACE||F==e.DELETE){C=l(D);if(C){if(F==e.LEFT||F==e.BACKSPACE){x=u(C,true);if(x&&m(x)==="false"){B.preventDefault();if(F==e.LEFT){y(x,true)}else{j.remove(x);return}}else{i(C)}}if(F==e.RIGHT||F==e.DELETE){x=u(C);if(x&&m(x)==="false"){B.preventDefault();if(F==e.RIGHT){y(x,false)}else{j.remove(x);return}}else{i(C)}}}if((F==e.BACKSPACE||F==e.DELETE)&&!t(F==e.BACKSPACE)){B.preventDefault();return false}}}}n.onMouseDown.addToTop(function(s,u){var t=s.selection.getNode();if(m(t)==="false"&&t==u.target){q()}});n.onMouseUp.addToTop(q);n.onKeyDown.addToTop(h);n.onKeyUp.addToTop(q)}tinymce.create("tinymce.plugins.NonEditablePlugin",{init:function(i,k){var h,g,j;function f(m,n){var o=j.length,p=n.content,l=tinymce.trim(g);if(n.format=="raw"){return}while(o--){p=p.replace(j[o],function(s){var r=arguments,q=r[r.length-2];if(q>0&&p.charAt(q-1)=='"'){return s}return'<span class="'+l+'" data-mce-content="'+m.dom.encode(r[0])+'">'+m.dom.encode(typeof(r[1])==="string"?r[1]:r[0])+"</span>"})}n.content=p}h=" "+tinymce.trim(i.getParam("noneditable_editable_class","mceEditable"))+" ";g=" "+tinymce.trim(i.getParam("noneditable_noneditable_class","mceNonEditable"))+" ";j=i.getParam("noneditable_regexp");if(j&&!j.length){j=[j]}i.onPreInit.add(function(){b(i);if(j){i.selection.onBeforeSetContent.add(f);i.onBeforeSetContent.add(f)}i.parser.addAttributeFilter("class",function(l){var m=l.length,n,o;while(m--){o=l[m];n=" "+o.attr("class")+" ";if(n.indexOf(h)!==-1){o.attr(d,"true")}else{if(n.indexOf(g)!==-1){o.attr(d,"false")}}}});i.serializer.addAttributeFilter(d,function(l,m){var n=l.length,o;while(n--){o=l[n];if(j&&o.attr("data-mce-content")){o.name="#text";o.type=3;o.raw=true;o.value=o.attr("data-mce-content")}else{o.attr(a,null);o.attr(d,null)}}});i.parser.addAttributeFilter(a,function(l,m){var n=l.length,o;while(n--){o=l[n];o.attr(d,o.attr(a));o.attr(a,null)}})})},getInfo:function(){return{longname:"Non editable elements",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/noneditable",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("noneditable",tinymce.plugins.NonEditablePlugin)})();
1
+ (function(){var c=tinymce.dom.TreeWalker;var a="contenteditable",d="data-mce-"+a;var e=tinymce.VK;function b(n){var j=n.dom,p=n.selection,r,o="mce_noneditablecaret",r="\uFEFF";function m(t){var s;if(t.nodeType===1){s=t.getAttribute(d);if(s&&s!=="inherit"){return s}s=t.contentEditable;if(s!=="inherit"){return s}}return null}function g(s){var t;while(s){t=m(s);if(t){return t==="false"?s:null}s=s.parentNode}}function l(s){while(s){if(s.id===o){return s}s=s.parentNode}}function k(s){var t;if(s){t=new c(s,s);for(s=t.current();s;s=t.next()){if(s.nodeType===3){return s}}}}function f(v,u){var s,t;if(m(v)==="false"){if(j.isBlock(v)){p.select(v);return}}t=j.createRng();if(m(v)==="true"){if(!v.firstChild){v.appendChild(n.getDoc().createTextNode("\u00a0"))}v=v.firstChild;u=true}s=j.create("span",{id:o,"data-mce-bogus":true},r);if(u){v.parentNode.insertBefore(s,v)}else{j.insertAfter(s,v)}t.setStart(s.firstChild,1);t.collapse(true);p.setRng(t);return s}function i(s){var v,t,u;if(s){rng=p.getRng(true);rng.setStartBefore(s);rng.setEndBefore(s);v=k(s);if(v&&v.nodeValue.charAt(0)==r){v=v.deleteData(0,1)}j.remove(s,true);p.setRng(rng)}else{t=l(p.getStart());while((s=j.get(o))&&s!==u){if(t!==s){v=k(s);if(v&&v.nodeValue.charAt(0)==r){v=v.deleteData(0,1)}j.remove(s,true)}u=s}}}function q(){var s,w,u,t,v;function x(B,D){var A,F,E,C,z;A=t.startContainer;F=t.startOffset;if(A.nodeType==3){z=A.nodeValue.length;if((F>0&&F<z)||(D?F==z:F==0)){return}}else{if(F<A.childNodes.length){var G=!D&&F>0?F-1:F;A=A.childNodes[G];if(A.hasChildNodes()){A=A.firstChild}}else{return !D?B:null}}E=new c(A,B);while(C=E[D?"prev":"next"]()){if(C.nodeType===3&&C.nodeValue.length>0){return}else{if(m(C)==="true"){return C}}}return B}i();u=p.isCollapsed();s=g(p.getStart());w=g(p.getEnd());if(s||w){t=p.getRng(true);if(u){s=s||w;var y=p.getStart();if(v=x(s,true)){f(v,true)}else{if(v=x(s,false)){f(v,false)}else{p.select(s)}}}else{t=p.getRng(true);if(s){t.setStartBefore(s)}if(w){t.setEndAfter(w)}p.setRng(t)}}}function h(z,B){var F=B.keyCode,x,C,D,v;function u(H,G){while(H=H[G?"previousSibling":"nextSibling"]){if(H.nodeType!==3||H.nodeValue.length>0){return H}}}function y(G,H){p.select(G);p.collapse(H)}function t(K){var J,I,M,H;function G(O){var N=I;while(N){if(N===O){return}N=N.parentNode}j.remove(O);q()}function L(){var O,P,N=z.schema.getNonEmptyElements();P=new tinymce.dom.TreeWalker(I,z.getBody());while(O=(K?P.prev():P.next())){if(N[O.nodeName.toLowerCase()]){break}if(O.nodeType===3&&tinymce.trim(O.nodeValue).length>0){break}if(m(O)==="false"){G(O);return true}}if(g(O)){return true}return false}if(p.isCollapsed()){J=p.getRng(true);I=J.startContainer;M=J.startOffset;I=l(I)||I;if(H=g(I)){G(H);return false}if(I.nodeType==3&&(K?M>0:M<I.nodeValue.length)){return true}if(I.nodeType==1){I=I.childNodes[M]||I}if(L()){return false}}return true}D=p.getStart();v=p.getEnd();x=g(D)||g(v);if(x&&(F<112||F>124)&&F!=e.DELETE&&F!=e.BACKSPACE){if((tinymce.isMac?B.metaKey:B.ctrlKey)&&(F==67||F==88||F==86)){return}B.preventDefault();if(F==e.LEFT||F==e.RIGHT){var w=F==e.LEFT;if(z.dom.isBlock(x)){var A=w?x.previousSibling:x.nextSibling;var s=new c(A,A);var E=w?s.prev():s.next();y(E,!w)}else{y(x,w)}}}else{if(F==e.LEFT||F==e.RIGHT||F==e.BACKSPACE||F==e.DELETE){C=l(D);if(C){if(F==e.LEFT||F==e.BACKSPACE){x=u(C,true);if(x&&m(x)==="false"){B.preventDefault();if(F==e.LEFT){y(x,true)}else{j.remove(x);return}}else{i(C)}}if(F==e.RIGHT||F==e.DELETE){x=u(C);if(x&&m(x)==="false"){B.preventDefault();if(F==e.RIGHT){y(x,false)}else{j.remove(x);return}}else{i(C)}}}if((F==e.BACKSPACE||F==e.DELETE)&&!t(F==e.BACKSPACE)){B.preventDefault();return false}}}}n.onMouseDown.addToTop(function(s,u){var t=s.selection.getNode();if(m(t)==="false"&&t==u.target){q()}});n.onMouseUp.addToTop(q);n.onKeyDown.addToTop(h);n.onKeyUp.addToTop(q)}tinymce.create("tinymce.plugins.NonEditablePlugin",{init:function(i,k){var h,g,j;function f(m,n){var o=j.length,p=n.content,l=tinymce.trim(g);if(n.format=="raw"){return}while(o--){p=p.replace(j[o],function(s){var r=arguments,q=r[r.length-2];if(q>0&&p.charAt(q-1)=='"'){return s}return'<span class="'+l+'" data-mce-content="'+m.dom.encode(r[0])+'">'+m.dom.encode(typeof(r[1])==="string"?r[1]:r[0])+"</span>"})}n.content=p}h=" "+tinymce.trim(i.getParam("noneditable_editable_class","mceEditable"))+" ";g=" "+tinymce.trim(i.getParam("noneditable_noneditable_class","mceNonEditable"))+" ";j=i.getParam("noneditable_regexp");if(j&&!j.length){j=[j]}i.onPreInit.add(function(){b(i);if(j){i.selection.onBeforeSetContent.add(f);i.onBeforeSetContent.add(f)}i.parser.addAttributeFilter("class",function(l){var m=l.length,n,o;while(m--){o=l[m];n=" "+o.attr("class")+" ";if(n.indexOf(h)!==-1){o.attr(d,"true")}else{if(n.indexOf(g)!==-1){o.attr(d,"false")}}}});i.serializer.addAttributeFilter(d,function(l,m){var n=l.length,o;while(n--){o=l[n];if(j&&o.attr("data-mce-content")){o.name="#text";o.type=3;o.raw=true;o.value=o.attr("data-mce-content")}else{o.attr(a,null);o.attr(d,null)}}});i.parser.addAttributeFilter(a,function(l,m){var n=l.length,o;while(n--){o=l[n];o.attr(d,o.attr(a));o.attr(a,null)}})})},getInfo:function(){return{longname:"Non editable elements",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/noneditable",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("noneditable",tinymce.plugins.NonEditablePlugin)})();
@@ -14,10 +14,7 @@
14
14
  var VK = tinymce.VK;
15
15
 
16
16
  function handleContentEditableSelection(ed) {
17
- var dom = ed.dom, selection = ed.selection, invisibleChar, caretContainerId = 'mce_noneditablecaret';
18
-
19
- // Setup invisible character use zero width space on Gecko since it doesn't change the height of the container
20
- invisibleChar = tinymce.isGecko ? '\u200B' : '\uFEFF';
17
+ var dom = ed.dom, selection = ed.selection, invisibleChar, caretContainerId = 'mce_noneditablecaret', invisibleChar = '\uFEFF';
21
18
 
22
19
  // Returns the content editable state of a node "true/false" or null
23
20
  function getContentEditable(node) {
@@ -1 +1 @@
1
- tinyMCE.addI18n('en.style_dlg',{"text_lineheight":"Line Height","text_variant":"Variant","text_style":"Style","text_weight":"Weight","text_size":"Size","text_font":"Font","text_props":"Text","positioning_tab":"Positioning","list_tab":"List","border_tab":"Border","box_tab":"Box","block_tab":"Block","background_tab":"Background","text_tab":"Text",apply:"Apply",toggle_insert_span:"Insert span at selection",title:"Edit CSS Style",clip:"Clip",placement:"Placement",overflow:"Overflow",zindex:"Z-index",visibility:"Visibility","positioning_type":"Type",position:"Position","bullet_image":"Bullet Image","list_type":"Type",color:"Color",height:"Height",width:"Width",style:"Style",margin:"Margin",left:"Left",bottom:"Bottom",right:"Right",top:"Top",same:"Same for All",padding:"Padding","box_clear":"Clear","box_float":"Float","box_height":"Height","box_width":"Width","block_display":"Display","block_whitespace":"Whitespace","block_text_indent":"Text Indent","block_text_align":"Text Align","block_vertical_alignment":"Vertical Alignment","block_letterspacing":"Letter Spacing","block_wordspacing":"Word Spacing","background_vpos":"Vertical Position","background_hpos":"Horizontal Position","background_attachment":"Attachment","background_repeat":"Repeat","background_image":"Background Image","background_color":"Background Color","text_none":"None","text_blink":"Blink","text_case":"Case","text_striketrough":"Strikethrough","text_underline":"Underline","text_overline":"Overline","text_decoration":"Decoration","text_color":"Color",text:"Text",background:"Background",block:"Block",box:"Box",border:"Border",list:"List"});
1
+ tinyMCE.addI18n('en.style_dlg',{"text_lineheight":"Line Height","text_variant":"Variant","text_style":"Style","text_weight":"Weight","text_size":"Size","text_font":"Font","text_props":"Text","positioning_tab":"Positioning","list_tab":"List","border_tab":"Border","box_tab":"Box","block_tab":"Block","background_tab":"Background","text_tab":"Text",apply:"Apply",toggle_insert_span:"Insert span at selection",title:"Edit CSS Style",clip:"Clip",placement:"Placement",overflow:"Overflow",zindex:"Z-index",visibility:"Visibility","positioning_type":"Type",position:"Position","bullet_image":"Bullet Image","list_type":"Type",color:"Color",height:"Height",width:"Width",style:"Style",margin:"Margin",left:"Left",bottom:"Bottom",right:"Right",top:"Top",same:"Same for All",padding:"Padding","box_clear":"Clear","box_float":"Float","box_height":"Height","box_width":"Width","block_display":"Display","block_whitespace":"Whitespace","block_text_indent":"Text Indent","block_text_align":"Text Align","block_vertical_alignment":"Vertical Alignment","block_letterspacing":"Letter Spacing","block_wordspacing":"Word Spacing","background_vpos":"Vertical Position","background_hpos":"Horizontal Position","background_attachment":"Attachment","background_repeat":"Repeat","background_image":"Background Image","background_color":"Background Color","text_none":"None","text_blink":"Blink","text_case":"Case","text_striketrough":"Strikethrough","text_underline":"Underline","text_overline":"Overline","text_decoration":"Decoration","text_color":"Color",text:"Text",background:"Background",block:"Block",box:"Box",border:"Border",list:"List"});
@@ -1,845 +1,845 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
- <html xmlns="http://www.w3.org/1999/xhtml">
3
- <head>
4
- <title>{#style_dlg.title}</title>
5
- <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6
- <script type="text/javascript" src="../../utils/mctabs.js"></script>
7
- <script type="text/javascript" src="../../utils/editable_selects.js"></script>
8
- <script type="text/javascript" src="../../utils/form_utils.js"></script>
9
- <script type="text/javascript" src="js/props.js"></script>
10
- <link href="css/props.css" rel="stylesheet" type="text/css" />
11
- </head>
12
-
13
- <body id="styleprops" style="display: none" role="application" aria-labelledby="app_title">
14
- <span id="app_title" style="display:none">{#style_dlg.title}</span>
15
- <form onsubmit="updateAction();return false;" action="#">
16
- <div class="tabs">
17
- <ul>
18
- <li id="text_tab" class="current" aria-controls="text_panel"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19
- <li id="background_tab" aria-controls="background_panel"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20
- <li id="block_tab" aria-controls="block_panel"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21
- <li id="box_tab" aria-controls="box_panel"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22
- <li id="border_tab" aria-controls="border_panel"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23
- <li id="list_tab" aria-controls="list_panel"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24
- <li id="positioning_tab" aria-controls="positioning_panel"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
25
- </ul>
26
- </div>
27
-
28
- <div class="panel_wrapper">
29
- <div id="text_panel" class="panel current">
30
- <fieldset>
31
- <legend>{#style_dlg.text}</legend>
32
- <table role="presentation" border="0" width="100%">
33
- <tr>
34
- <td><label for="text_font">{#style_dlg.text_font}</label></td>
35
- <td colspan="3">
36
- <select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
37
- </td>
38
- </tr>
39
- <tr>
40
- <td><label for="text_size">{#style_dlg.text_size}</label></td>
41
- <td>
42
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
43
- <tr>
44
- <td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
45
- <td>&nbsp;</td>
46
- <td>
47
- <label id="text_size_measurement_label" for="text_size_measurement" style="display: none; visibility: hidden;">Text Size Measurement Unit</label>
48
- <select id="text_size_measurement" name="text_size_measurement" aria-labelledby="text_size_measurement_label"></select>
49
- </td>
50
- </tr>
51
- </table>
52
- </td>
53
- <td><label for="text_weight">{#style_dlg.text_weight}</label></td>
54
- <td>
55
- <select id="text_weight" name="text_weight"></select>
56
- </td>
57
- </tr>
58
- <tr>
59
- <td><label for="text_style">{#style_dlg.text_style}</label></td>
60
- <td>
61
- <select id="text_style" name="text_style" class="mceEditableSelect"></select>
62
- </td>
63
- <td><label for="text_variant">{#style_dlg.text_variant}</label></td>
64
- <td>
65
- <select id="text_variant" name="text_variant"></select>
66
- </td>
67
- </tr>
68
- <tr>
69
- <td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
70
- <td>
71
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
72
- <tr>
73
- <td>
74
- <select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
75
- </td>
76
- <td>&nbsp;</td>
77
- <td>
78
- <label id="text_lineheight_measurement_label" for="text_lineheight_measurement" style="display: none; visibility: hidden;">Line Height Measurement Unit</label>
79
- <select id="text_lineheight_measurement" name="text_lineheight_measurement" aria-labelledby="text_lineheight_measurement_label"></select>
80
- </td>
81
- </tr>
82
- </table>
83
- </td>
84
- <td><label for="text_case">{#style_dlg.text_case}</label></td>
85
- <td>
86
- <select id="text_case" name="text_case"></select>
87
- </td>
88
- </tr>
89
- <tr>
90
- <td><label for="text_color">{#style_dlg.text_color}</label></td>
91
- <td colspan="2">
92
- <table role="presentation" border="0" cellpadding="0" cellspacing="0">
93
- <tr>
94
- <td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
95
- <td id="text_color_pickcontainer">&nbsp;</td>
96
- </tr>
97
- </table>
98
- </td>
99
- </tr>
100
- <tr>
101
- <td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
102
- <td colspan="2">
103
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
104
- <tr>
105
- <td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
106
- <td><label for="text_underline">{#style_dlg.text_underline}</label></td>
107
- </tr>
108
- <tr>
109
- <td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
110
- <td><label for="text_overline">{#style_dlg.text_overline}</label></td>
111
- </tr>
112
- <tr>
113
- <td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
114
- <td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
115
- </tr>
116
- <tr>
117
- <td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
118
- <td><label for="text_blink">{#style_dlg.text_blink}</label></td>
119
- </tr>
120
- <tr>
121
- <td><input id="text_none" name="text_none" class="checkbox" type="checkbox" onclick="updateTextDecorations();"/></td>
122
- <td><label for="text_none">{#style_dlg.text_none}</label></td>
123
- </tr>
124
- </table>
125
- </td>
126
- </tr>
127
- </table>
128
- </fieldset>
129
- </div>
130
-
131
- <div id="background_panel" class="panel">
132
- <fieldset>
133
- <legend>{#style_dlg.background}</legend>
134
- <table role="presentation" border="0">
135
- <tr>
136
- <td><label for="background_color">{#style_dlg.background_color}</label></td>
137
- <td>
138
- <table role="presentation" border="0" cellpadding="0" cellspacing="0">
139
- <tr>
140
- <td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
141
- <td id="background_color_pickcontainer">&nbsp;</td>
142
- </tr>
143
- </table>
144
- </td>
145
- </tr>
146
-
147
- <tr>
148
- <td><label for="background_image">{#style_dlg.background_image}</label></td>
149
- <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
150
- <tr>
151
- <td><input id="background_image" name="background_image" type="text" /></td>
152
- <td id="background_image_browser">&nbsp;</td>
153
- </tr>
154
- </table>
155
- </td>
156
- </tr>
157
-
158
- <tr>
159
- <td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
160
- <td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
161
- </tr>
162
-
163
- <tr>
164
- <td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
165
- <td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
166
- </tr>
167
-
168
- <tr>
169
- <td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
170
- <td>
171
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
172
- <tr>
173
- <td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
174
- <td>&nbsp;</td>
175
- <td>
176
- <label id="background_hpos_measurement_label" for="background_hpos_measurement" style="display: none; visibility: hidden;">Horizontal position measurement unit</label>
177
- <select id="background_hpos_measurement" name="background_hpos_measurement" aria-labelledby="background_hpos_measurement_label"></select>
178
- </td>
179
- </tr>
180
- </table>
181
- </td>
182
- </tr>
183
-
184
- <tr>
185
- <td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
186
- <td>
187
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
188
- <tr>
189
- <td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
190
- <td>&nbsp;</td>
191
- <td>
192
-
193
- <label id="background_vpos_measurement_label" for="background_vpos_measurement" style="display: none; visibility: hidden;">Vertical position measurement unit</label>
194
- <select id="background_vpos_measurement" name="background_vpos_measurement" aria-labelledby="background_vpos_measurement_label">></select></td>
195
- </tr>
196
- </table>
197
- </td>
198
- </tr>
199
- </table>
200
- </fieldset>
201
- </div>
202
-
203
- <div id="block_panel" class="panel">
204
- <fieldset>
205
- <legend>{#style_dlg.block}</legend>
206
- <table role="presentation" border="0">
207
- <tr>
208
- <td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
209
- <td>
210
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
211
- <tr>
212
- <td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
213
- <td>&nbsp;</td>
214
- <td>
215
- <label id="block_wordspacing_measurement_label" for="block_wordspacing_measurement" style="display: none; visibility: hidden;">Word spacing measurement unit</label>
216
- <select id="block_wordspacing_measurement" name="block_wordspacing_measurement" aria-labelledby="block_wordspacing_measurement_label"></select>
217
- </td>
218
- </tr>
219
- </table>
220
- </td>
221
- </tr>
222
-
223
- <tr>
224
- <td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
225
- <td>
226
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
227
- <tr>
228
- <td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
229
- <td>&nbsp;</td>
230
- <td>
231
- <label id="block_letterspacing_measurement_label" for="block_letterspacing_measurement" style="display: none; visibility: hidden;">Letter spacing measurement unit</label>
232
- <select id="block_letterspacing_measurement" name="block_letterspacing_measurement" aria-labelledby="block_letterspacing_measurement_label"></select>
233
- </td>
234
- </tr>
235
- </table>
236
- </td>
237
- </tr>
238
-
239
- <tr>
240
- <td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
241
- <td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
242
- </tr>
243
-
244
- <tr>
245
- <td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
246
- <td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
247
- </tr>
248
-
249
- <tr>
250
- <td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
251
- <td>
252
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
253
- <tr>
254
- <td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
255
- <td>&nbsp;</td>
256
- <td>
257
- <label id="block_text_indent_measurement_label" for="block_text_indent_measurement" style="display: none; visibility: hidden;">Text Indent Measurement Unit</label>
258
-
259
- <select id="block_text_indent_measurement" name="block_text_indent_measurement" aria-labelledby="block_text_indent_measurement_label"></select>
260
- </td>
261
- </tr>
262
- </table>
263
- </td>
264
- </tr>
265
-
266
- <tr>
267
- <td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
268
- <td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
269
- </tr>
270
-
271
- <tr>
272
- <td><label for="block_display">{#style_dlg.block_display}</label></td>
273
- <td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
274
- </tr>
275
- </table>
276
- </fieldset>
277
- </div>
278
-
279
- <div id="box_panel" class="panel">
280
- <fieldset>
281
- <legend>{#style_dlg.box}</legend>
282
- <table role="presentation" border="0">
283
- <tr>
284
- <td><label for="box_width">{#style_dlg.box_width}</label></td>
285
- <td>
286
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
287
- <tr>
288
- <td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
289
- <td>&nbsp;</td>
290
- <td>
291
- <label id="box_width_measurement_label" for="box_width_measurement" style="display: none; visibility: hidden;">Box Width Measurement Unit</label>
292
- <select id="box_width_measurement" name="box_width_measurement" aria-labelledby="box_width_measurement_label"></select>
293
- </td>
294
- </tr>
295
- </table>
296
- </td>
297
- <td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
298
- <td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
299
- </tr>
300
-
301
- <tr>
302
- <td><label for="box_height">{#style_dlg.box_height}</label></td>
303
- <td>
304
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
305
- <tr>
306
- <td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
307
- <td>&nbsp;</td>
308
- <td>
309
- <label id="box_height_measurement_label" for="box_height_measurement" style="display: none; visibility: hidden;">Box Height Measurement Unit</label>
310
- <select id="box_height_measurement" name="box_height_measurement" aria-labelledby="box_height_measurement_label"></select>
311
- </td>
312
- </tr>
313
- </table>
314
- </td>
315
- <td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
316
- <td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
317
- </tr>
318
- </table>
319
- </fieldset>
320
-
321
- <div style="float: left; width: 49%">
322
- <fieldset>
323
- <legend>{#style_dlg.padding}</legend>
324
-
325
- <table role="presentation" border="0">
326
- <tr>
327
- <td>&nbsp;</td>
328
- <td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td>
329
- </tr>
330
- <tr>
331
- <td><label for="box_padding_top">{#style_dlg.top}</label></td>
332
- <td>
333
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
334
- <tr>
335
- <td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
336
- <td>&nbsp;</td>
337
- <td>
338
- <label id="box_padding_top_measurement_label" for="box_padding_top_measurement" style="display: none; visibility: hidden;">Padding Top Measurement Unit</label>
339
- <select id="box_padding_top_measurement" name="box_padding_top_measurement" aria-labelledby="box_padding_top_measurement_label"></select>
340
- </td>
341
- </tr>
342
- </table>
343
- </td>
344
- </tr>
345
- <tr>
346
- <td><label for="box_padding_right">{#style_dlg.right}</label></td>
347
- <td>
348
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
349
- <tr>
350
- <td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
351
- <td>&nbsp;</td>
352
- <td>
353
- <label id="box_padding_right_measurement_label" for="box_padding_right_measurement" style="display: none; visibility: hidden;">Padding Right Measurement Unit</label>
354
- <select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled" aria-labelledby="box_padding_right_measurement_label"></select>
355
- </td>
356
- </tr>
357
- </table>
358
- </td>
359
- </tr>
360
- <tr>
361
- <td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
362
- <td>
363
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
364
- <tr>
365
- <td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
366
- <td>&nbsp;</td>
367
- <td>
368
- <label id="box_padding_bottom_measurement_label" for="box_padding_bottom_measurement" style="display: none; visibility: hidden;">Padding Bottom Measurement Unit</label>
369
- <select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled" aria-labelledby="box_padding_bottom_measurement_label"></select>
370
- </td>
371
- </tr>
372
- </table>
373
- </td>
374
- </tr>
375
- <tr>
376
- <td><label for="box_padding_left">{#style_dlg.left}</label></td>
377
- <td>
378
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
379
- <tr>
380
- <td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
381
- <td>&nbsp;</td>
382
- <td>
383
- <label id="box_padding_left_measurement_label" for="box_padding_left_measurement" style="display: none; visibility: hidden;">Padding Left Measurement Unit</label>
384
- <select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled" aria-labelledby="box_padding_left_measurement_label"></select>
385
- </td>
386
- </tr>
387
- </table>
388
- </td>
389
- </tr>
390
- </table>
391
- </fieldset>
392
- </div>
393
-
394
- <div style="float: right; width: 49%">
395
- <fieldset>
396
- <legend>{#style_dlg.margin}</legend>
397
-
398
- <table role="presentation" border="0">
399
- <tr>
400
- <td>&nbsp;</td>
401
- <td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td>
402
- </tr>
403
- <tr>
404
- <td><label for="box_margin_top">{#style_dlg.top}</label></td>
405
- <td>
406
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
407
- <tr>
408
- <td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
409
- <td>&nbsp;</td>
410
- <td>
411
- <label id="box_margin_top_measurement_label" for="box_margin_top_measurement" style="display: none; visibility: hidden;">Margin Top Measurement Unit</label>
412
- <select id="box_margin_top_measurement" name="box_margin_top_measurement" aria-labelledby="box_margin_top_measurement_label"></select>
413
- </td>
414
- </tr>
415
- </table>
416
- </td>
417
- </tr>
418
- <tr>
419
- <td><label for="box_margin_right">{#style_dlg.right}</label></td>
420
- <td>
421
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
422
- <tr>
423
- <td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
424
- <td>&nbsp;</td>
425
- <td>
426
- <label id="box_margin_right_measurement_label" for="box_margin_right_measurement" style="display: none; visibility: hidden;">Margin Right Measurement Unit</label>
427
- <select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled" aria-labelledby="box_margin_right_measurement_label"></select>
428
- </td>
429
- </tr>
430
- </table>
431
- </td>
432
- </tr>
433
- <tr>
434
- <td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
435
- <td>
436
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
437
- <tr>
438
- <td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
439
- <td>&nbsp;</td>
440
- <td>
441
- <label id="box_margin_bottom_measurement_label" for="box_margin_bottom_measurement" style="display: none; visibility: hidden;">Margin Bottom Measurement Unit</label>
442
- <select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled" aria-labelledby="box_margin_bottom_measurement_label"></select>
443
- </td>
444
- </tr>
445
- </table>
446
- </td>
447
- </tr>
448
- <tr>
449
- <td><label for="box_margin_left">{#style_dlg.left}</label></td>
450
- <td>
451
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
452
- <tr>
453
- <td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
454
- <td>&nbsp;</td>
455
- <td>
456
- <label id="box_margin_left_measurement_label" for="box_margin_left_measurement" style="display: none; visibility: hidden;">Margin Left Measurement Unit</label>
457
- <select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled" aria-labelledby="box_margin_left_measurement_label"></select>
458
- </td>
459
- </tr>
460
- </table>
461
- </td>
462
- </tr>
463
- </table>
464
- </fieldset>
465
- </div>
466
- <br style="clear: both" />
467
- </div>
468
-
469
- <div id="border_panel" class="panel">
470
- <fieldset>
471
- <legend>{#style_dlg.border}</legend>
472
- <table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%">
473
- <tr>
474
- <td class="tdelim">&nbsp;</td>
475
- <td class="tdelim delim">&nbsp;</td>
476
- <td class="tdelim">{#style_dlg.style}</td>
477
- <td class="tdelim delim">&nbsp;</td>
478
- <td class="tdelim">{#style_dlg.width}</td>
479
- <td class="tdelim delim">&nbsp;</td>
480
- <td class="tdelim">{#style_dlg.color}</td>
481
- </tr>
482
-
483
- <tr>
484
- <td>&nbsp;</td>
485
- <td class="delim">&nbsp;</td>
486
- <td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
487
- <td class="delim">&nbsp;</td>
488
- <td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
489
- <td class="delim">&nbsp;</td>
490
- <td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
491
- </tr>
492
-
493
- <tr>
494
- <td>{#style_dlg.top}</td>
495
- <td class="delim">&nbsp;</td>
496
- <td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
497
- <td class="delim">&nbsp;</td>
498
- <td>
499
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
500
- <tr>
501
- <td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
502
- <td>&nbsp;</td>
503
- <td>
504
- <label id="border_width_top_measurement_label" for="border_width_top_measurement" style="display: none; visibility: hidden;">Width top Measurement Unit</label>
505
- <select id="border_width_top_measurement" name="border_width_top_measurement" aria-labelledby="border_width_top_measurement_label"></select>
506
- </td>
507
- </tr>
508
- </table>
509
- </td>
510
- <td class="delim">&nbsp;</td>
511
- <td>
512
- <table role="presentation" border="0" cellpadding="0" cellspacing="0">
513
- <tr>
514
- <td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
515
- <td id="border_color_top_pickcontainer">&nbsp;</td>
516
- </tr>
517
- </table>
518
- </td>
519
- </tr>
520
-
521
- <tr>
522
- <td>{#style_dlg.right}</td>
523
- <td class="delim">&nbsp;</td>
524
- <td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
525
- <td class="delim">&nbsp;</td>
526
- <td>
527
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
528
- <tr>
529
- <td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
530
- <td>&nbsp;</td>
531
- <td>
532
- <label id="border_width_right_measurement_label" for="border_width_right_measurement" style="display: none; visibility: hidden;">Width Right Measurement Unit</label>
533
- <select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled" aria-labelledby="border_width_right_measurement_label"></select>
534
- </td>
535
- </tr>
536
- </table>
537
- </td>
538
- <td class="delim">&nbsp;</td>
539
- <td>
540
- <table role="presentation" border="0" cellpadding="0" cellspacing="0">
541
- <tr>
542
- <td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
543
- <td id="border_color_right_pickcontainer">&nbsp;</td>
544
- </tr>
545
- </table>
546
- </td>
547
- </tr>
548
-
549
- <tr>
550
- <td>{#style_dlg.bottom}</td>
551
- <td class="delim">&nbsp;</td>
552
- <td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
553
- <td class="delim">&nbsp;</td>
554
- <td>
555
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
556
- <tr>
557
- <td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
558
- <td>&nbsp;</td>
559
- <td>
560
- <label id="border_width_bottom_measurement_label" for="border_width_bottom_measurement" style="display: none; visibility: hidden;">Width Bottom Measurement Unit</label>
561
- <select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled" aria-labelledby="border_width_bottom_measurement_label"></select>
562
- </td>
563
- </tr>
564
- </table>
565
- </td>
566
- <td class="delim">&nbsp;</td>
567
- <td>
568
- <table role="presentation" border="0" cellpadding="0" cellspacing="0">
569
- <tr>
570
- <td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
571
- <td id="border_color_bottom_pickcontainer">&nbsp;</td>
572
- </tr>
573
- </table>
574
- </td>
575
- </tr>
576
-
577
- <tr>
578
- <td>{#style_dlg.left}</td>
579
- <td class="delim">&nbsp;</td>
580
- <td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
581
- <td class="delim">&nbsp;</td>
582
- <td>
583
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
584
- <tr>
585
- <td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
586
- <td>&nbsp;</td>
587
- <td>
588
- <label id="border_width_left_measurement_label" for="border_width_left_measurement" style="display: none; visibility: hidden;">Width Left Measurement Unit</label>
589
- <select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled" aria-labelledby="border_width_left_measurement_label"></select>
590
- </td>
591
- </tr>
592
- </table>
593
- </td>
594
- <td class="delim">&nbsp;</td>
595
- <td>
596
- <table role="presentation" border="0" cellpadding="0" cellspacing="0">
597
- <tr>
598
- <td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
599
- <td id="border_color_left_pickcontainer">&nbsp;</td>
600
- </tr>
601
- </table>
602
- </td>
603
- </tr>
604
- </table>
605
- </fieldset>
606
- </div>
607
-
608
- <div id="list_panel" class="panel">
609
- <fieldset>
610
- <legend>{#style_dlg.list}</legend>
611
- <table role="presentation" border="0">
612
- <tr>
613
- <td><label for="list_type">{#style_dlg.list_type}</label></td>
614
- <td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
615
- </tr>
616
-
617
- <tr>
618
- <td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td>
619
- <td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td>
620
- </tr>
621
-
622
- <tr>
623
- <td><label for="list_position">{#style_dlg.position}</label></td>
624
- <td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
625
- </tr>
626
- </table>
627
- </fieldset>
628
- </div>
629
-
630
- <div id="positioning_panel" class="panel">
631
- <fieldset>
632
- <legend>{#style_dlg.position}</legend>
633
- <table role="presentation" border="0">
634
- <tr>
635
- <td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
636
- <td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
637
- <td>&nbsp;&nbsp;&nbsp;<label for="positioning_visibility">{#style_dlg.visibility}</label></td>
638
- <td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td>
639
- </tr>
640
-
641
- <tr>
642
- <td><label for="positioning_width">{#style_dlg.width}</label></td>
643
- <td>
644
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
645
- <tr>
646
- <td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
647
- <td>&nbsp;</td>
648
- <td>
649
- <label id="positioning_width_measurement_label" for="positioning_width_measurement" style="display: none; visibility: hidden;">Positioning width Measurement Unit</label>
650
- <select id="positioning_width_measurement" name="positioning_width_measurement" aria-labelledby="positioning_width_measurement_label"></select>
651
- </td>
652
- </tr>
653
- </table>
654
- </td>
655
- <td>&nbsp;&nbsp;&nbsp;<label for="positioning_zindex">{#style_dlg.zindex}</label></td>
656
- <td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td>
657
- </tr>
658
-
659
- <tr>
660
- <td><label for="positioning_height">{#style_dlg.height}</label></td>
661
- <td>
662
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
663
- <tr>
664
- <td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
665
- <td>&nbsp;</td>
666
- <td>
667
- <label id="positioning_height_measurement_label" for="positioning_height_measurement" style="display: none; visibility: hidden;">Positioning Height Measurement Unit</label>
668
- <select id="positioning_height_measurement" name="positioning_height_measurement" aria-labelledby="positioning_height_measurement_label"></select>
669
- </td>
670
- </tr>
671
- </table>
672
- </td>
673
- <td>&nbsp;&nbsp;&nbsp;<label for="positioning_overflow">{#style_dlg.overflow}</label></td>
674
- <td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
675
- </tr>
676
- </table>
677
- </fieldset>
678
-
679
- <div style="float: left; width: 49%">
680
- <fieldset>
681
- <legend>{#style_dlg.placement}</legend>
682
-
683
- <table role="presentation" border="0">
684
- <tr>
685
- <td>&nbsp;</td>
686
- <td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td>
687
- </tr>
688
- <tr>
689
- <td>{#style_dlg.top}</td>
690
- <td>
691
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
692
- <tr>
693
- <td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
694
- <td>&nbsp;</td>
695
- <td>
696
- <label id="positioning_placement_top_measurement_label" for="positioning_placement_top_measurement" style="display: none; visibility: hidden;">Placement Top Measurement Unit</label>
697
- <select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement" aria-labelledby="positioning_placement_top_measurement_label"></select>
698
- </td>
699
- </tr>
700
- </table>
701
- </td>
702
- </tr>
703
- <tr>
704
- <td>{#style_dlg.right}</td>
705
- <td>
706
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
707
- <tr>
708
- <td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
709
- <td>&nbsp;</td>
710
- <td>
711
- <label id="positioning_placement_right_measurement_label" for="positioning_placement_right_measurement" style="display: none; visibility: hidden;">Placement Right Measurement Unit</label>
712
- <select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled" aria-labelledby="positioning_placement_right_measurement_label"></select>
713
- </td>
714
- </tr>
715
- </table>
716
- </td>
717
- </tr>
718
- <tr>
719
- <td>{#style_dlg.bottom}</td>
720
- <td>
721
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
722
- <tr>
723
- <td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
724
- <td>&nbsp;</td>
725
- <td>
726
- <label id="positioning_placement_bottom_measurement_label" for="positioning_placement_bottom_measurement" style="display: none; visibility: hidden;">Placement Bottom Measurement Unit</label>
727
- <select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled" aria-labelledby="positioning_placement_bottom_measurement_label"></select>
728
- </td>
729
- </tr>
730
- </table>
731
- </td>
732
- </tr>
733
- <tr>
734
- <td>{#style_dlg.left}</td>
735
- <td>
736
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
737
- <tr>
738
- <td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
739
- <td>&nbsp;</td>
740
- <td>
741
- <label id="positioning_placement_left_measurement_label" for="positioning_placement_left_measurement" style="display: none; visibility: hidden;">Placement Left Measurement Unit</label>
742
- <select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled" aria-labelledby="positioning_placement_left_measurement_label"></select>
743
- </td>
744
- </tr>
745
- </table>
746
- </td>
747
- </tr>
748
- </table>
749
- </fieldset>
750
- </div>
751
-
752
- <div style="float: right; width: 49%">
753
- <fieldset>
754
- <legend>{#style_dlg.clip}</legend>
755
-
756
- <table role="presentation" border="0">
757
- <tr>
758
- <td>&nbsp;</td>
759
- <td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td>
760
- </tr>
761
- <tr>
762
- <td>{#style_dlg.top}</td>
763
- <td>
764
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
765
- <tr>
766
- <td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
767
- <td>&nbsp;</td>
768
- <td>
769
- <label id="positioning_clip_top_measurement_label" for="positioning_clip_top_measurement" style="display: none; visibility: hidden;">Clip Top Measurement Unit</label>
770
- <select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement" aria-labelledby="positioning_clip_top_measurement_label"></select>
771
- </td>
772
- </tr>
773
- </table>
774
- </td>
775
- </tr>
776
- <tr>
777
- <td>{#style_dlg.right}</td>
778
- <td>
779
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
780
- <tr>
781
- <td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
782
- <td>&nbsp;</td>
783
- <td>
784
- <label id="positioning_clip_right_measurement_label" for="positioning_clip_right_measurement" style="display: none; visibility: hidden;">Clip Right Measurement Unit</label>
785
- <select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled" aria-labelledby="positioning_clip_right_measurement_label"></select>
786
- </td>
787
- </tr>
788
- </table>
789
- </td>
790
- </tr>
791
- <tr>
792
- <td>{#style_dlg.bottom}</td>
793
- <td>
794
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
795
- <tr>
796
- <td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
797
- <td>&nbsp;</td>
798
- <td>
799
- <label id="positioning_clip_bottom_measurement_label" for="positioning_clip_bottom_measurement" style="display: none; visibility: hidden;">Clip Bottom Measurement Unit</label>
800
- <select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled" aria-labelledby="positioning_clip_bottom_measurement_label"></select>
801
- </td>
802
- </tr>
803
- </table>
804
- </td>
805
- </tr>
806
- <tr>
807
- <td>{#style_dlg.left}</td>
808
- <td>
809
- <table role="presentation" border="0" cellspacing="0" cellpadding="0">
810
- <tr>
811
- <td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
812
- <td>&nbsp;</td>
813
- <td>
814
- <label id="positioning_clip_left_measurement_label" for="positioning_clip_left_measurement" style="display: none; visibility: hidden;">Clip Left Measurement Unit</label>
815
- <select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled" aria-labelledby="positioning_clip_left_measurement_label"></select>
816
- </td>
817
- </tr>
818
- </table>
819
- </td>
820
- </tr>
821
- </table>
822
- </fieldset>
823
- </div>
824
- <br style="clear: both" />
825
- </div>
826
- </div>
827
-
828
- <div class="panel_toggle_insert_span">
829
- <input type="checkbox" class="checkbox" id="toggle_insert_span" name="toggle_insert_span" onClick="toggleApplyAction();" />
830
- <label for="toggle_insert_span">{#style_dlg.toggle_insert_span}</label>
831
- </div>
832
-
833
- <div class="mceActionPanel">
834
- <input type="submit" id="insert" name="insert" value="{#update}" />
835
- <input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" />
836
- <input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
837
- </div>
838
- </form>
839
-
840
- <div style="display: none">
841
- <div id="container"></div>
842
- </div>
843
-
844
- </body>
845
- </html>
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml">
3
+ <head>
4
+ <title>{#style_dlg.title}</title>
5
+ <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6
+ <script type="text/javascript" src="../../utils/mctabs.js"></script>
7
+ <script type="text/javascript" src="../../utils/editable_selects.js"></script>
8
+ <script type="text/javascript" src="../../utils/form_utils.js"></script>
9
+ <script type="text/javascript" src="js/props.js"></script>
10
+ <link href="css/props.css" rel="stylesheet" type="text/css" />
11
+ </head>
12
+
13
+ <body id="styleprops" style="display: none" role="application" aria-labelledby="app_title">
14
+ <span id="app_title" style="display:none">{#style_dlg.title}</span>
15
+ <form onsubmit="updateAction();return false;" action="#">
16
+ <div class="tabs">
17
+ <ul>
18
+ <li id="text_tab" class="current" aria-controls="text_panel"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19
+ <li id="background_tab" aria-controls="background_panel"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20
+ <li id="block_tab" aria-controls="block_panel"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21
+ <li id="box_tab" aria-controls="box_panel"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22
+ <li id="border_tab" aria-controls="border_panel"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23
+ <li id="list_tab" aria-controls="list_panel"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24
+ <li id="positioning_tab" aria-controls="positioning_panel"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
25
+ </ul>
26
+ </div>
27
+
28
+ <div class="panel_wrapper">
29
+ <div id="text_panel" class="panel current">
30
+ <fieldset>
31
+ <legend>{#style_dlg.text}</legend>
32
+ <table role="presentation" border="0" width="100%">
33
+ <tr>
34
+ <td><label for="text_font">{#style_dlg.text_font}</label></td>
35
+ <td colspan="3">
36
+ <select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
37
+ </td>
38
+ </tr>
39
+ <tr>
40
+ <td><label for="text_size">{#style_dlg.text_size}</label></td>
41
+ <td>
42
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
43
+ <tr>
44
+ <td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
45
+ <td>&nbsp;</td>
46
+ <td>
47
+ <label id="text_size_measurement_label" for="text_size_measurement" style="display: none; visibility: hidden;">Text Size Measurement Unit</label>
48
+ <select id="text_size_measurement" name="text_size_measurement" aria-labelledby="text_size_measurement_label"></select>
49
+ </td>
50
+ </tr>
51
+ </table>
52
+ </td>
53
+ <td><label for="text_weight">{#style_dlg.text_weight}</label></td>
54
+ <td>
55
+ <select id="text_weight" name="text_weight"></select>
56
+ </td>
57
+ </tr>
58
+ <tr>
59
+ <td><label for="text_style">{#style_dlg.text_style}</label></td>
60
+ <td>
61
+ <select id="text_style" name="text_style" class="mceEditableSelect"></select>
62
+ </td>
63
+ <td><label for="text_variant">{#style_dlg.text_variant}</label></td>
64
+ <td>
65
+ <select id="text_variant" name="text_variant"></select>
66
+ </td>
67
+ </tr>
68
+ <tr>
69
+ <td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
70
+ <td>
71
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
72
+ <tr>
73
+ <td>
74
+ <select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
75
+ </td>
76
+ <td>&nbsp;</td>
77
+ <td>
78
+ <label id="text_lineheight_measurement_label" for="text_lineheight_measurement" style="display: none; visibility: hidden;">Line Height Measurement Unit</label>
79
+ <select id="text_lineheight_measurement" name="text_lineheight_measurement" aria-labelledby="text_lineheight_measurement_label"></select>
80
+ </td>
81
+ </tr>
82
+ </table>
83
+ </td>
84
+ <td><label for="text_case">{#style_dlg.text_case}</label></td>
85
+ <td>
86
+ <select id="text_case" name="text_case"></select>
87
+ </td>
88
+ </tr>
89
+ <tr>
90
+ <td><label for="text_color">{#style_dlg.text_color}</label></td>
91
+ <td colspan="2">
92
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">
93
+ <tr>
94
+ <td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
95
+ <td id="text_color_pickcontainer">&nbsp;</td>
96
+ </tr>
97
+ </table>
98
+ </td>
99
+ </tr>
100
+ <tr>
101
+ <td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
102
+ <td colspan="2">
103
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
104
+ <tr>
105
+ <td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
106
+ <td><label for="text_underline">{#style_dlg.text_underline}</label></td>
107
+ </tr>
108
+ <tr>
109
+ <td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
110
+ <td><label for="text_overline">{#style_dlg.text_overline}</label></td>
111
+ </tr>
112
+ <tr>
113
+ <td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
114
+ <td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
115
+ </tr>
116
+ <tr>
117
+ <td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
118
+ <td><label for="text_blink">{#style_dlg.text_blink}</label></td>
119
+ </tr>
120
+ <tr>
121
+ <td><input id="text_none" name="text_none" class="checkbox" type="checkbox" onclick="updateTextDecorations();"/></td>
122
+ <td><label for="text_none">{#style_dlg.text_none}</label></td>
123
+ </tr>
124
+ </table>
125
+ </td>
126
+ </tr>
127
+ </table>
128
+ </fieldset>
129
+ </div>
130
+
131
+ <div id="background_panel" class="panel">
132
+ <fieldset>
133
+ <legend>{#style_dlg.background}</legend>
134
+ <table role="presentation" border="0">
135
+ <tr>
136
+ <td><label for="background_color">{#style_dlg.background_color}</label></td>
137
+ <td>
138
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">
139
+ <tr>
140
+ <td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
141
+ <td id="background_color_pickcontainer">&nbsp;</td>
142
+ </tr>
143
+ </table>
144
+ </td>
145
+ </tr>
146
+
147
+ <tr>
148
+ <td><label for="background_image">{#style_dlg.background_image}</label></td>
149
+ <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
150
+ <tr>
151
+ <td><input id="background_image" name="background_image" type="text" /></td>
152
+ <td id="background_image_browser">&nbsp;</td>
153
+ </tr>
154
+ </table>
155
+ </td>
156
+ </tr>
157
+
158
+ <tr>
159
+ <td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
160
+ <td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
161
+ </tr>
162
+
163
+ <tr>
164
+ <td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
165
+ <td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
166
+ </tr>
167
+
168
+ <tr>
169
+ <td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
170
+ <td>
171
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
172
+ <tr>
173
+ <td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
174
+ <td>&nbsp;</td>
175
+ <td>
176
+ <label id="background_hpos_measurement_label" for="background_hpos_measurement" style="display: none; visibility: hidden;">Horizontal position measurement unit</label>
177
+ <select id="background_hpos_measurement" name="background_hpos_measurement" aria-labelledby="background_hpos_measurement_label"></select>
178
+ </td>
179
+ </tr>
180
+ </table>
181
+ </td>
182
+ </tr>
183
+
184
+ <tr>
185
+ <td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
186
+ <td>
187
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
188
+ <tr>
189
+ <td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
190
+ <td>&nbsp;</td>
191
+ <td>
192
+
193
+ <label id="background_vpos_measurement_label" for="background_vpos_measurement" style="display: none; visibility: hidden;">Vertical position measurement unit</label>
194
+ <select id="background_vpos_measurement" name="background_vpos_measurement" aria-labelledby="background_vpos_measurement_label">></select></td>
195
+ </tr>
196
+ </table>
197
+ </td>
198
+ </tr>
199
+ </table>
200
+ </fieldset>
201
+ </div>
202
+
203
+ <div id="block_panel" class="panel">
204
+ <fieldset>
205
+ <legend>{#style_dlg.block}</legend>
206
+ <table role="presentation" border="0">
207
+ <tr>
208
+ <td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
209
+ <td>
210
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
211
+ <tr>
212
+ <td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
213
+ <td>&nbsp;</td>
214
+ <td>
215
+ <label id="block_wordspacing_measurement_label" for="block_wordspacing_measurement" style="display: none; visibility: hidden;">Word spacing measurement unit</label>
216
+ <select id="block_wordspacing_measurement" name="block_wordspacing_measurement" aria-labelledby="block_wordspacing_measurement_label"></select>
217
+ </td>
218
+ </tr>
219
+ </table>
220
+ </td>
221
+ </tr>
222
+
223
+ <tr>
224
+ <td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
225
+ <td>
226
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
227
+ <tr>
228
+ <td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
229
+ <td>&nbsp;</td>
230
+ <td>
231
+ <label id="block_letterspacing_measurement_label" for="block_letterspacing_measurement" style="display: none; visibility: hidden;">Letter spacing measurement unit</label>
232
+ <select id="block_letterspacing_measurement" name="block_letterspacing_measurement" aria-labelledby="block_letterspacing_measurement_label"></select>
233
+ </td>
234
+ </tr>
235
+ </table>
236
+ </td>
237
+ </tr>
238
+
239
+ <tr>
240
+ <td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
241
+ <td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
242
+ </tr>
243
+
244
+ <tr>
245
+ <td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
246
+ <td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
247
+ </tr>
248
+
249
+ <tr>
250
+ <td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
251
+ <td>
252
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
253
+ <tr>
254
+ <td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
255
+ <td>&nbsp;</td>
256
+ <td>
257
+ <label id="block_text_indent_measurement_label" for="block_text_indent_measurement" style="display: none; visibility: hidden;">Text Indent Measurement Unit</label>
258
+
259
+ <select id="block_text_indent_measurement" name="block_text_indent_measurement" aria-labelledby="block_text_indent_measurement_label"></select>
260
+ </td>
261
+ </tr>
262
+ </table>
263
+ </td>
264
+ </tr>
265
+
266
+ <tr>
267
+ <td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
268
+ <td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
269
+ </tr>
270
+
271
+ <tr>
272
+ <td><label for="block_display">{#style_dlg.block_display}</label></td>
273
+ <td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
274
+ </tr>
275
+ </table>
276
+ </fieldset>
277
+ </div>
278
+
279
+ <div id="box_panel" class="panel">
280
+ <fieldset>
281
+ <legend>{#style_dlg.box}</legend>
282
+ <table role="presentation" border="0">
283
+ <tr>
284
+ <td><label for="box_width">{#style_dlg.box_width}</label></td>
285
+ <td>
286
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
287
+ <tr>
288
+ <td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
289
+ <td>&nbsp;</td>
290
+ <td>
291
+ <label id="box_width_measurement_label" for="box_width_measurement" style="display: none; visibility: hidden;">Box Width Measurement Unit</label>
292
+ <select id="box_width_measurement" name="box_width_measurement" aria-labelledby="box_width_measurement_label"></select>
293
+ </td>
294
+ </tr>
295
+ </table>
296
+ </td>
297
+ <td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
298
+ <td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
299
+ </tr>
300
+
301
+ <tr>
302
+ <td><label for="box_height">{#style_dlg.box_height}</label></td>
303
+ <td>
304
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
305
+ <tr>
306
+ <td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
307
+ <td>&nbsp;</td>
308
+ <td>
309
+ <label id="box_height_measurement_label" for="box_height_measurement" style="display: none; visibility: hidden;">Box Height Measurement Unit</label>
310
+ <select id="box_height_measurement" name="box_height_measurement" aria-labelledby="box_height_measurement_label"></select>
311
+ </td>
312
+ </tr>
313
+ </table>
314
+ </td>
315
+ <td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
316
+ <td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
317
+ </tr>
318
+ </table>
319
+ </fieldset>
320
+
321
+ <div style="float: left; width: 49%">
322
+ <fieldset>
323
+ <legend>{#style_dlg.padding}</legend>
324
+
325
+ <table role="presentation" border="0">
326
+ <tr>
327
+ <td>&nbsp;</td>
328
+ <td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td>
329
+ </tr>
330
+ <tr>
331
+ <td><label for="box_padding_top">{#style_dlg.top}</label></td>
332
+ <td>
333
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
334
+ <tr>
335
+ <td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
336
+ <td>&nbsp;</td>
337
+ <td>
338
+ <label id="box_padding_top_measurement_label" for="box_padding_top_measurement" style="display: none; visibility: hidden;">Padding Top Measurement Unit</label>
339
+ <select id="box_padding_top_measurement" name="box_padding_top_measurement" aria-labelledby="box_padding_top_measurement_label"></select>
340
+ </td>
341
+ </tr>
342
+ </table>
343
+ </td>
344
+ </tr>
345
+ <tr>
346
+ <td><label for="box_padding_right">{#style_dlg.right}</label></td>
347
+ <td>
348
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
349
+ <tr>
350
+ <td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
351
+ <td>&nbsp;</td>
352
+ <td>
353
+ <label id="box_padding_right_measurement_label" for="box_padding_right_measurement" style="display: none; visibility: hidden;">Padding Right Measurement Unit</label>
354
+ <select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled" aria-labelledby="box_padding_right_measurement_label"></select>
355
+ </td>
356
+ </tr>
357
+ </table>
358
+ </td>
359
+ </tr>
360
+ <tr>
361
+ <td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
362
+ <td>
363
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
364
+ <tr>
365
+ <td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
366
+ <td>&nbsp;</td>
367
+ <td>
368
+ <label id="box_padding_bottom_measurement_label" for="box_padding_bottom_measurement" style="display: none; visibility: hidden;">Padding Bottom Measurement Unit</label>
369
+ <select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled" aria-labelledby="box_padding_bottom_measurement_label"></select>
370
+ </td>
371
+ </tr>
372
+ </table>
373
+ </td>
374
+ </tr>
375
+ <tr>
376
+ <td><label for="box_padding_left">{#style_dlg.left}</label></td>
377
+ <td>
378
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
379
+ <tr>
380
+ <td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
381
+ <td>&nbsp;</td>
382
+ <td>
383
+ <label id="box_padding_left_measurement_label" for="box_padding_left_measurement" style="display: none; visibility: hidden;">Padding Left Measurement Unit</label>
384
+ <select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled" aria-labelledby="box_padding_left_measurement_label"></select>
385
+ </td>
386
+ </tr>
387
+ </table>
388
+ </td>
389
+ </tr>
390
+ </table>
391
+ </fieldset>
392
+ </div>
393
+
394
+ <div style="float: right; width: 49%">
395
+ <fieldset>
396
+ <legend>{#style_dlg.margin}</legend>
397
+
398
+ <table role="presentation" border="0">
399
+ <tr>
400
+ <td>&nbsp;</td>
401
+ <td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td>
402
+ </tr>
403
+ <tr>
404
+ <td><label for="box_margin_top">{#style_dlg.top}</label></td>
405
+ <td>
406
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
407
+ <tr>
408
+ <td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
409
+ <td>&nbsp;</td>
410
+ <td>
411
+ <label id="box_margin_top_measurement_label" for="box_margin_top_measurement" style="display: none; visibility: hidden;">Margin Top Measurement Unit</label>
412
+ <select id="box_margin_top_measurement" name="box_margin_top_measurement" aria-labelledby="box_margin_top_measurement_label"></select>
413
+ </td>
414
+ </tr>
415
+ </table>
416
+ </td>
417
+ </tr>
418
+ <tr>
419
+ <td><label for="box_margin_right">{#style_dlg.right}</label></td>
420
+ <td>
421
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
422
+ <tr>
423
+ <td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
424
+ <td>&nbsp;</td>
425
+ <td>
426
+ <label id="box_margin_right_measurement_label" for="box_margin_right_measurement" style="display: none; visibility: hidden;">Margin Right Measurement Unit</label>
427
+ <select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled" aria-labelledby="box_margin_right_measurement_label"></select>
428
+ </td>
429
+ </tr>
430
+ </table>
431
+ </td>
432
+ </tr>
433
+ <tr>
434
+ <td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
435
+ <td>
436
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
437
+ <tr>
438
+ <td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
439
+ <td>&nbsp;</td>
440
+ <td>
441
+ <label id="box_margin_bottom_measurement_label" for="box_margin_bottom_measurement" style="display: none; visibility: hidden;">Margin Bottom Measurement Unit</label>
442
+ <select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled" aria-labelledby="box_margin_bottom_measurement_label"></select>
443
+ </td>
444
+ </tr>
445
+ </table>
446
+ </td>
447
+ </tr>
448
+ <tr>
449
+ <td><label for="box_margin_left">{#style_dlg.left}</label></td>
450
+ <td>
451
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
452
+ <tr>
453
+ <td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
454
+ <td>&nbsp;</td>
455
+ <td>
456
+ <label id="box_margin_left_measurement_label" for="box_margin_left_measurement" style="display: none; visibility: hidden;">Margin Left Measurement Unit</label>
457
+ <select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled" aria-labelledby="box_margin_left_measurement_label"></select>
458
+ </td>
459
+ </tr>
460
+ </table>
461
+ </td>
462
+ </tr>
463
+ </table>
464
+ </fieldset>
465
+ </div>
466
+ <br style="clear: both" />
467
+ </div>
468
+
469
+ <div id="border_panel" class="panel">
470
+ <fieldset>
471
+ <legend>{#style_dlg.border}</legend>
472
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%">
473
+ <tr>
474
+ <td class="tdelim">&nbsp;</td>
475
+ <td class="tdelim delim">&nbsp;</td>
476
+ <td class="tdelim">{#style_dlg.style}</td>
477
+ <td class="tdelim delim">&nbsp;</td>
478
+ <td class="tdelim">{#style_dlg.width}</td>
479
+ <td class="tdelim delim">&nbsp;</td>
480
+ <td class="tdelim">{#style_dlg.color}</td>
481
+ </tr>
482
+
483
+ <tr>
484
+ <td>&nbsp;</td>
485
+ <td class="delim">&nbsp;</td>
486
+ <td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
487
+ <td class="delim">&nbsp;</td>
488
+ <td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
489
+ <td class="delim">&nbsp;</td>
490
+ <td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
491
+ </tr>
492
+
493
+ <tr>
494
+ <td>{#style_dlg.top}</td>
495
+ <td class="delim">&nbsp;</td>
496
+ <td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
497
+ <td class="delim">&nbsp;</td>
498
+ <td>
499
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
500
+ <tr>
501
+ <td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
502
+ <td>&nbsp;</td>
503
+ <td>
504
+ <label id="border_width_top_measurement_label" for="border_width_top_measurement" style="display: none; visibility: hidden;">Width top Measurement Unit</label>
505
+ <select id="border_width_top_measurement" name="border_width_top_measurement" aria-labelledby="border_width_top_measurement_label"></select>
506
+ </td>
507
+ </tr>
508
+ </table>
509
+ </td>
510
+ <td class="delim">&nbsp;</td>
511
+ <td>
512
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">
513
+ <tr>
514
+ <td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
515
+ <td id="border_color_top_pickcontainer">&nbsp;</td>
516
+ </tr>
517
+ </table>
518
+ </td>
519
+ </tr>
520
+
521
+ <tr>
522
+ <td>{#style_dlg.right}</td>
523
+ <td class="delim">&nbsp;</td>
524
+ <td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
525
+ <td class="delim">&nbsp;</td>
526
+ <td>
527
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
528
+ <tr>
529
+ <td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
530
+ <td>&nbsp;</td>
531
+ <td>
532
+ <label id="border_width_right_measurement_label" for="border_width_right_measurement" style="display: none; visibility: hidden;">Width Right Measurement Unit</label>
533
+ <select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled" aria-labelledby="border_width_right_measurement_label"></select>
534
+ </td>
535
+ </tr>
536
+ </table>
537
+ </td>
538
+ <td class="delim">&nbsp;</td>
539
+ <td>
540
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">
541
+ <tr>
542
+ <td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
543
+ <td id="border_color_right_pickcontainer">&nbsp;</td>
544
+ </tr>
545
+ </table>
546
+ </td>
547
+ </tr>
548
+
549
+ <tr>
550
+ <td>{#style_dlg.bottom}</td>
551
+ <td class="delim">&nbsp;</td>
552
+ <td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
553
+ <td class="delim">&nbsp;</td>
554
+ <td>
555
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
556
+ <tr>
557
+ <td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
558
+ <td>&nbsp;</td>
559
+ <td>
560
+ <label id="border_width_bottom_measurement_label" for="border_width_bottom_measurement" style="display: none; visibility: hidden;">Width Bottom Measurement Unit</label>
561
+ <select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled" aria-labelledby="border_width_bottom_measurement_label"></select>
562
+ </td>
563
+ </tr>
564
+ </table>
565
+ </td>
566
+ <td class="delim">&nbsp;</td>
567
+ <td>
568
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">
569
+ <tr>
570
+ <td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
571
+ <td id="border_color_bottom_pickcontainer">&nbsp;</td>
572
+ </tr>
573
+ </table>
574
+ </td>
575
+ </tr>
576
+
577
+ <tr>
578
+ <td>{#style_dlg.left}</td>
579
+ <td class="delim">&nbsp;</td>
580
+ <td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
581
+ <td class="delim">&nbsp;</td>
582
+ <td>
583
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
584
+ <tr>
585
+ <td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
586
+ <td>&nbsp;</td>
587
+ <td>
588
+ <label id="border_width_left_measurement_label" for="border_width_left_measurement" style="display: none; visibility: hidden;">Width Left Measurement Unit</label>
589
+ <select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled" aria-labelledby="border_width_left_measurement_label"></select>
590
+ </td>
591
+ </tr>
592
+ </table>
593
+ </td>
594
+ <td class="delim">&nbsp;</td>
595
+ <td>
596
+ <table role="presentation" border="0" cellpadding="0" cellspacing="0">
597
+ <tr>
598
+ <td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
599
+ <td id="border_color_left_pickcontainer">&nbsp;</td>
600
+ </tr>
601
+ </table>
602
+ </td>
603
+ </tr>
604
+ </table>
605
+ </fieldset>
606
+ </div>
607
+
608
+ <div id="list_panel" class="panel">
609
+ <fieldset>
610
+ <legend>{#style_dlg.list}</legend>
611
+ <table role="presentation" border="0">
612
+ <tr>
613
+ <td><label for="list_type">{#style_dlg.list_type}</label></td>
614
+ <td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
615
+ </tr>
616
+
617
+ <tr>
618
+ <td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td>
619
+ <td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td>
620
+ </tr>
621
+
622
+ <tr>
623
+ <td><label for="list_position">{#style_dlg.position}</label></td>
624
+ <td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
625
+ </tr>
626
+ </table>
627
+ </fieldset>
628
+ </div>
629
+
630
+ <div id="positioning_panel" class="panel">
631
+ <fieldset>
632
+ <legend>{#style_dlg.position}</legend>
633
+ <table role="presentation" border="0">
634
+ <tr>
635
+ <td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
636
+ <td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
637
+ <td>&nbsp;&nbsp;&nbsp;<label for="positioning_visibility">{#style_dlg.visibility}</label></td>
638
+ <td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td>
639
+ </tr>
640
+
641
+ <tr>
642
+ <td><label for="positioning_width">{#style_dlg.width}</label></td>
643
+ <td>
644
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
645
+ <tr>
646
+ <td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
647
+ <td>&nbsp;</td>
648
+ <td>
649
+ <label id="positioning_width_measurement_label" for="positioning_width_measurement" style="display: none; visibility: hidden;">Positioning width Measurement Unit</label>
650
+ <select id="positioning_width_measurement" name="positioning_width_measurement" aria-labelledby="positioning_width_measurement_label"></select>
651
+ </td>
652
+ </tr>
653
+ </table>
654
+ </td>
655
+ <td>&nbsp;&nbsp;&nbsp;<label for="positioning_zindex">{#style_dlg.zindex}</label></td>
656
+ <td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td>
657
+ </tr>
658
+
659
+ <tr>
660
+ <td><label for="positioning_height">{#style_dlg.height}</label></td>
661
+ <td>
662
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
663
+ <tr>
664
+ <td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
665
+ <td>&nbsp;</td>
666
+ <td>
667
+ <label id="positioning_height_measurement_label" for="positioning_height_measurement" style="display: none; visibility: hidden;">Positioning Height Measurement Unit</label>
668
+ <select id="positioning_height_measurement" name="positioning_height_measurement" aria-labelledby="positioning_height_measurement_label"></select>
669
+ </td>
670
+ </tr>
671
+ </table>
672
+ </td>
673
+ <td>&nbsp;&nbsp;&nbsp;<label for="positioning_overflow">{#style_dlg.overflow}</label></td>
674
+ <td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
675
+ </tr>
676
+ </table>
677
+ </fieldset>
678
+
679
+ <div style="float: left; width: 49%">
680
+ <fieldset>
681
+ <legend>{#style_dlg.placement}</legend>
682
+
683
+ <table role="presentation" border="0">
684
+ <tr>
685
+ <td>&nbsp;</td>
686
+ <td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td>
687
+ </tr>
688
+ <tr>
689
+ <td>{#style_dlg.top}</td>
690
+ <td>
691
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
692
+ <tr>
693
+ <td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
694
+ <td>&nbsp;</td>
695
+ <td>
696
+ <label id="positioning_placement_top_measurement_label" for="positioning_placement_top_measurement" style="display: none; visibility: hidden;">Placement Top Measurement Unit</label>
697
+ <select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement" aria-labelledby="positioning_placement_top_measurement_label"></select>
698
+ </td>
699
+ </tr>
700
+ </table>
701
+ </td>
702
+ </tr>
703
+ <tr>
704
+ <td>{#style_dlg.right}</td>
705
+ <td>
706
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
707
+ <tr>
708
+ <td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
709
+ <td>&nbsp;</td>
710
+ <td>
711
+ <label id="positioning_placement_right_measurement_label" for="positioning_placement_right_measurement" style="display: none; visibility: hidden;">Placement Right Measurement Unit</label>
712
+ <select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled" aria-labelledby="positioning_placement_right_measurement_label"></select>
713
+ </td>
714
+ </tr>
715
+ </table>
716
+ </td>
717
+ </tr>
718
+ <tr>
719
+ <td>{#style_dlg.bottom}</td>
720
+ <td>
721
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
722
+ <tr>
723
+ <td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
724
+ <td>&nbsp;</td>
725
+ <td>
726
+ <label id="positioning_placement_bottom_measurement_label" for="positioning_placement_bottom_measurement" style="display: none; visibility: hidden;">Placement Bottom Measurement Unit</label>
727
+ <select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled" aria-labelledby="positioning_placement_bottom_measurement_label"></select>
728
+ </td>
729
+ </tr>
730
+ </table>
731
+ </td>
732
+ </tr>
733
+ <tr>
734
+ <td>{#style_dlg.left}</td>
735
+ <td>
736
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
737
+ <tr>
738
+ <td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
739
+ <td>&nbsp;</td>
740
+ <td>
741
+ <label id="positioning_placement_left_measurement_label" for="positioning_placement_left_measurement" style="display: none; visibility: hidden;">Placement Left Measurement Unit</label>
742
+ <select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled" aria-labelledby="positioning_placement_left_measurement_label"></select>
743
+ </td>
744
+ </tr>
745
+ </table>
746
+ </td>
747
+ </tr>
748
+ </table>
749
+ </fieldset>
750
+ </div>
751
+
752
+ <div style="float: right; width: 49%">
753
+ <fieldset>
754
+ <legend>{#style_dlg.clip}</legend>
755
+
756
+ <table role="presentation" border="0">
757
+ <tr>
758
+ <td>&nbsp;</td>
759
+ <td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td>
760
+ </tr>
761
+ <tr>
762
+ <td>{#style_dlg.top}</td>
763
+ <td>
764
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
765
+ <tr>
766
+ <td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
767
+ <td>&nbsp;</td>
768
+ <td>
769
+ <label id="positioning_clip_top_measurement_label" for="positioning_clip_top_measurement" style="display: none; visibility: hidden;">Clip Top Measurement Unit</label>
770
+ <select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement" aria-labelledby="positioning_clip_top_measurement_label"></select>
771
+ </td>
772
+ </tr>
773
+ </table>
774
+ </td>
775
+ </tr>
776
+ <tr>
777
+ <td>{#style_dlg.right}</td>
778
+ <td>
779
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
780
+ <tr>
781
+ <td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
782
+ <td>&nbsp;</td>
783
+ <td>
784
+ <label id="positioning_clip_right_measurement_label" for="positioning_clip_right_measurement" style="display: none; visibility: hidden;">Clip Right Measurement Unit</label>
785
+ <select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled" aria-labelledby="positioning_clip_right_measurement_label"></select>
786
+ </td>
787
+ </tr>
788
+ </table>
789
+ </td>
790
+ </tr>
791
+ <tr>
792
+ <td>{#style_dlg.bottom}</td>
793
+ <td>
794
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
795
+ <tr>
796
+ <td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
797
+ <td>&nbsp;</td>
798
+ <td>
799
+ <label id="positioning_clip_bottom_measurement_label" for="positioning_clip_bottom_measurement" style="display: none; visibility: hidden;">Clip Bottom Measurement Unit</label>
800
+ <select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled" aria-labelledby="positioning_clip_bottom_measurement_label"></select>
801
+ </td>
802
+ </tr>
803
+ </table>
804
+ </td>
805
+ </tr>
806
+ <tr>
807
+ <td>{#style_dlg.left}</td>
808
+ <td>
809
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">
810
+ <tr>
811
+ <td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
812
+ <td>&nbsp;</td>
813
+ <td>
814
+ <label id="positioning_clip_left_measurement_label" for="positioning_clip_left_measurement" style="display: none; visibility: hidden;">Clip Left Measurement Unit</label>
815
+ <select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled" aria-labelledby="positioning_clip_left_measurement_label"></select>
816
+ </td>
817
+ </tr>
818
+ </table>
819
+ </td>
820
+ </tr>
821
+ </table>
822
+ </fieldset>
823
+ </div>
824
+ <br style="clear: both" />
825
+ </div>
826
+ </div>
827
+
828
+ <div class="panel_toggle_insert_span">
829
+ <input type="checkbox" class="checkbox" id="toggle_insert_span" name="toggle_insert_span" onClick="toggleApplyAction();" />
830
+ <label for="toggle_insert_span">{#style_dlg.toggle_insert_span}</label>
831
+ </div>
832
+
833
+ <div class="mceActionPanel">
834
+ <input type="submit" id="insert" name="insert" value="{#update}" />
835
+ <input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" />
836
+ <input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
837
+ </div>
838
+ </form>
839
+
840
+ <div style="display: none">
841
+ <div id="container"></div>
842
+ </div>
843
+
844
+ </body>
845
+ </html>