[livejournal] r20534: LJSUP-9873: RTE - lj-cut highlight

LJSUP-9873: RTE - lj-cut highlight

U   trunk/htdocs/js/ck/contents.css
U   trunk/htdocs/js/ck/plugins/livejournal/plugin.js

Modified: trunk/htdocs/js/ck/contents.css
===================================================================
--- trunk/htdocs/js/ck/contents.css	2011-11-15 05:33:26 UTC (rev 20533)
+++ trunk/htdocs/js/ck/contents.css	2011-11-15 05:51:07 UTC (rev 20534)
@@ -89,6 +89,10 @@
 	border-width: 1px 0 0;
 	background-position: 0 -8px;
 	}
+.lj-cut-selected {
+	background-color: #C4E0F7;
+	border: 1px solid #6EA9DF;
+	}
 
 /* fix inline behavior, for no IE */
 .lj|cut ul, .lj|cut ol {

Modified: trunk/htdocs/js/ck/plugins/livejournal/plugin.js
===================================================================
--- trunk/htdocs/js/ck/plugins/livejournal/plugin.js	2011-11-15 05:33:26 UTC (rev 20533)
+++ trunk/htdocs/js/ck/plugins/livejournal/plugin.js	2011-11-15 05:51:07 UTC (rev 20534)
@@ -261,11 +261,11 @@
 
 	CKEDITOR.plugins.add('livejournal', {
 		init: function(editor) {
-			editor.addCss('.lj_selected {' + 'background-color: #C4E0F7 !important;' + 'border: 1px solid #6EA9DF !important;' + '}');
+			editor.addCss('.lj-cut-selected');
 
 			function onClickFrame(evt) {
 				if (this.$ != editor.document.$) {
-					this.frameElement.addClass('lj_selected');
+					this.frameElement.addClass('lj-cut-selected');
 					new CKEDITOR.dom.selection(editor.document).selectElement(this.frameElement);
 				}
 
@@ -349,11 +349,11 @@
 				if (isSelection) {
 					var frames = editor.document.getElementsByTag('iframe');
 					for (var i = 0, l = frames.count(); i < l; i++) {
-						frames.getItem(i).removeClass('lj_selected');
+						frames.getItem(i).removeClass('lj-cut-selected');
 					}
 
 					if (node.is('iframe')) {
-						node.addClass('lj_selected');
+						node.addClass('lj-cut-selected');
 					}
 				}
 
@@ -615,7 +615,7 @@
 			}
 
 			//////////  LJ Cut Button //////////////
-			editor.addCss('.lj-cut {' + 'width: 100%;' + 'height: 20px;' + 'display: block;' + 'border: #000 1px dotted;' + 'background-color: #d2d2d2;' + 'min-height: 14px;' + '}');
+			editor.addCss('.lj-cut');
 
 			editor.addCommand('LJCut', {
 				exec: function() {