hifi-ckeditor 3.5.1

data/lib/generators/ckeditor/base/templates/ckeditor/_source/skins/kama/richcombo.css

@@ -0,0 +1,287 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/* Special Combo */
+
+.cke_skin_kama .cke_rcombo
+{
+	display: inline;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo
+{
+}
+
+.cke_skin_kama .cke_rcombopanel
+{
+	border: 1px solid #8F8F73;
+	-moz-border-radius-topleft: 0;
+	-webkit-border-top-left-radius: 0;
+	border-top-left-radius: 0;
+	height: auto;
+	_height: 100px;
+}
+
+/* IE6 workaround, shouldn't be here */
+.cke_skin_kama .cke_browser_iequirks .cke_rcombopanel,
+.cke_skin_kama .cke_browser_ie6 .cke_rcombopanel
+{
+/*	width: 150px;*/
+}
+
+.cke_skin_kama .cke_rcombo a,
+.cke_skin_kama .cke_rcombo a:active,
+.cke_skin_kama .cke_rcombo a:hover
+{
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	background-image: url(images/sprites.png);
+	_background-image: url(images/sprites_ie6.png);
+	background-repeat: repeat-x;
+	background-position: 0 -100px;
+	border-bottom:1px solid #DAD9D9;
+	border-right:1px solid #DAD9D9;
+	float:left;
+	padding: 2px;
+	height: 21px;
+	margin-right: 6px;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo a,
+.cke_skin_kama .cke_rtl .cke_rcombo a:active,
+.cke_skin_kama .cke_rtl .cke_rcombo a:hover
+{
+	float:right;
+	margin-right: 0;
+	margin-left: 6px;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo a
+{
+	filter: alpha(opacity=100); /* IE */
+	opacity: 1.0; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_rcombo .cke_label
+{
+	display: none;
+	line-height: 26px;
+	vertical-align: top;
+	margin-right: 5px;
+	filter: alpha(opacity=70); /* IE */
+	opacity: 0.70; /* Safari, Opera and Mozilla */
+	/* background-color: #f1f1e3;	Because of IE6+ClearType */
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_label
+{
+	margin-right: 0;
+	margin-left: 5px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_inline_label
+{
+	line-height: 21px;
+	font-style: italic;
+	color: #666666;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_openbutton
+{
+	vertical-align: top;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_label
+{
+	filter: alpha(opacity=100);
+	opacity: 1.0;
+}
+
+.cke_skin_kama .cke_rcombo .cke_text
+{
+	filter: alpha(opacity=70); /* IE */
+	opacity: 0.70; /* Safari, Opera and Mozilla */
+
+	height: 21px;
+	line-height: 21px;
+	width:60px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	display: inline-block;
+	margin: 0 2px 0 4px;
+	cursor: default;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_text
+{
+	margin: 0 4px 0 2px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_openbutton
+{
+	background-image: url(images/sprites.png);
+	_background-image: url(images/sprites_ie6.png);
+	background-position: 0 -68px;
+	background-repeat: no-repeat;
+	display: inline-block;
+	width: 17px;
+	height: 19px;
+	margin: 1px 2px;
+	background-repeat: no-repeat;
+}
+
+.cke_skin_kama .cke_rcombo .cke_openbutton span
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_openbutton span
+{
+	display	: inline;
+}
+
+.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_openbutton
+{
+	margin-bottom: 0;
+}
+
+.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_text,
+.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_text,
+.cke_skin_kama .cke_rcombo .cke_off a:active .cke_text,
+.cke_skin_kama .cke_rcombo .cke_on .cke_text
+{
+	border-color: #316ac5;
+	filter: alpha(opacity=100); /* IE */
+	opacity: 1; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_openbutton,
+.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_openbutton,
+.cke_skin_kama .cke_rcombo .cke_off a:active .cke_openbutton,
+.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton
+{
+	border-color: #316ac5;
+	background-color: #dff1ff;
+}
+
+.cke_skin_kama .cke_rcombo .cke_on .cke_text
+{
+	-moz-border-radius-bottomleft: 0px;
+	-webkit-border-bottom-left-radius: 0px;
+	border-bottom-left-radius: 0px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton
+{
+	-moz-border-radius-bottomright: 0px;
+	-webkit-border-bottom-right-radius: 0px;
+	border-bottom-right-radius: 0px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_label
+{
+	filter: alpha(opacity=30); /* IE */
+	opacity: 0.3; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_label
+{
+	filter: alpha(opacity=70);
+	opacity: 0.7;
+}
+
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_openbutton
+{
+	filter: alpha(opacity=50); /* IE */
+	opacity: 0.5; /* Safari, Opera and Mozilla */
+}
+
+/* IE with zoom != 100% will distort the icons otherwise #4821 */
+.cke_skin_kama .cke_browser_ie .cke_rcombo .cke_disabled .cke_openbutton
+{
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=50);
+}
+.cke_skin_kama .cke_browser_ie6 .cke_rcombo .cke_disabled .cke_openbutton
+{
+	filter: alpha(opacity=50);
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_openbutton
+{
+	filter: alpha(opacity=80);
+	opacity: 0.8;
+}
+
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_text
+{
+	color: #fff;
+}
+
+/* RTL */
+
+.cke_skin_kama .cke_rtl .cke_rcombo span
+{
+/*	_zoom: 1;*/
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_text
+{
+/*	_float: left;*/
+}
+
+/* Firefox 2 & WebKit Section */
+
+.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_openbutton,
+.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_openbutton
+{
+	display: block;
+	float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text
+{
+/*	float: right;*/
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_label,
+.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_label
+{
+	/*display: block;*/
+	float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_openbutton,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton
+{
+	float: right;
+}
+
+.cke_skin_kama .cke_browser_ie7 .cke_rcombo .cke_text
+{
+	line-height: 18px;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_text
+{
+	height: auto;
+	line-height: 17px;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_font .cke_text,
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_fontSize .cke_text
+{
+	direction: ltr;
+}

data/lib/generators/ckeditor/base/templates/ckeditor/_source/skins/kama/skin.js

@@ -0,0 +1,259 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.skins.add( 'kama', (function()
+{
+	var uiColorStylesheetId = 'cke_ui_color';
+
+	return {
+		editor		: { css : [ 'editor.css' ] },
+		dialog		: { css : [ 'dialog.css' ] },
+		templates	: { css : [ 'templates.css' ] },
+		margins		: [ 0, 0, 0, 0 ],
+		init : function( editor )
+		{
+			if ( editor.config.width && !isNaN( editor.config.width ) )
+				editor.config.width -= 12;
+
+			var uiColorMenus = [];
+			var uiColorRegex = /\$color/g;
+			var uiColorMenuCss = "/* UI Color Support */\
+.cke_skin_kama .cke_menuitem .cke_icon_wrapper\
+{\
+	background-color: $color !important;\
+	border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a:hover .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a:focus .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a:active .cke_icon_wrapper\
+{\
+	background-color: $color !important;\
+	border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a:hover .cke_label,\
+.cke_skin_kama .cke_menuitem a:focus .cke_label,\
+.cke_skin_kama .cke_menuitem a:active .cke_label\
+{\
+	background-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_label,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_label,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_label\
+{\
+	background-color: transparent !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_icon_wrapper\
+{\
+	background-color: $color !important;\
+	border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a.cke_disabled .cke_icon_wrapper\
+{\
+	background-color: $color !important;\
+	border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuseparator\
+{\
+	background-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a:hover,\
+.cke_skin_kama .cke_menuitem a:focus,\
+.cke_skin_kama .cke_menuitem a:active\
+{\
+	background-color: $color !important;\
+}";
+			// We have to split CSS declarations for webkit.
+			if ( CKEDITOR.env.webkit )
+			{
+				uiColorMenuCss = uiColorMenuCss.split( '}' ).slice( 0, -1 );
+				for ( var i = 0 ; i < uiColorMenuCss.length ; i++ )
+					uiColorMenuCss[ i ] = uiColorMenuCss[ i ].split( '{' );
+			}
+
+			function getStylesheet( document )
+			{
+				var node = document.getById( uiColorStylesheetId );
+				if ( !node )
+				{
+					node = document.getHead().append( 'style' );
+					node.setAttribute( "id", uiColorStylesheetId );
+					node.setAttribute( "type", "text/css" );
+				}
+				return node;
+			}
+
+			function updateStylesheets( styleNodes, styleContent, replace )
+			{
+				var r, i, content;
+				for ( var id  = 0 ; id < styleNodes.length ; id++ )
+				{
+					if ( CKEDITOR.env.webkit )
+					{
+						for ( i = 0 ; i < styleContent.length ; i++ )
+						{
+							content = styleContent[ i ][ 1 ];
+							for ( r  = 0 ; r < replace.length ; r++ )
+								content = content.replace( replace[ r ][ 0 ], replace[ r ][ 1 ] );
+
+							styleNodes[ id ].$.sheet.addRule( styleContent[ i ][ 0 ], content );
+						}
+					}
+					else
+					{
+						content = styleContent;
+						for ( r  = 0 ; r < replace.length ; r++ )
+							content = content.replace( replace[ r ][ 0 ], replace[ r ][ 1 ] );
+
+						if ( CKEDITOR.env.ie )
+							styleNodes[ id ].$.styleSheet.cssText += content;
+						else
+							styleNodes[ id ].$.innerHTML += content;
+					}
+				}
+			}
+
+			var uiColorRegexp = /\$color/g;
+
+			CKEDITOR.tools.extend( editor,
+			{
+				uiColor: null,
+
+				getUiColor : function()
+				{
+					return this.uiColor;
+				},
+
+				setUiColor : function( color )
+				{
+					var cssContent,
+						uiStyle = getStylesheet( CKEDITOR.document ),
+						cssId = '.' + editor.id;
+
+					var cssSelectors =
+						[
+							cssId + " .cke_wrapper",
+							cssId + "_dialog .cke_dialog_contents",
+							cssId + "_dialog a.cke_dialog_tab",
+							cssId + "_dialog .cke_dialog_footer"
+						].join( ',' );
+					var cssProperties = "background-color: $color !important;";
+
+					if ( CKEDITOR.env.webkit )
+						cssContent = [ [ cssSelectors, cssProperties ] ];
+					else
+						cssContent = cssSelectors + '{' + cssProperties + '}';
+
+					return ( this.setUiColor =
+						function( color )
+						{
+							var replace = [ [ uiColorRegexp, color ] ];
+							editor.uiColor = color;
+
+							// Update general style.
+							updateStylesheets( [ uiStyle ], cssContent, replace );
+
+							// Update menu styles.
+							updateStylesheets( uiColorMenus, uiColorMenuCss, replace );
+						})( color );
+				}
+			});
+
+			editor.on( 'menuShow', function( event )
+			{
+				var panel = event.data[ 0 ];
+				var iframe = panel.element.getElementsByTag( 'iframe' ).getItem( 0 ).getFrameDocument();
+
+				// Add stylesheet if missing.
+				if ( !iframe.getById( 'cke_ui_color' ) )
+				{
+					var node = getStylesheet( iframe );
+					uiColorMenus.push( node );
+
+					var color = editor.getUiColor();
+					// Set uiColor for new menu.
+					if ( color )
+						updateStylesheets( [ node ], uiColorMenuCss, [ [ uiColorRegexp, color ] ] );
+				}
+			});
+
+			// Apply UI color if specified in config.
+			if ( editor.config.uiColor )
+				editor.setUiColor( editor.config.uiColor );
+		}
+	};
+})() );
+
+(function()
+{
+	CKEDITOR.dialog ? dialogSetup() : CKEDITOR.on( 'dialogPluginReady', dialogSetup );
+
+	function dialogSetup()
+	{
+		CKEDITOR.dialog.on( 'resize', function( evt )
+			{
+				var data = evt.data,
+					width = data.width,
+					height = data.height,
+					dialog = data.dialog,
+					contents = dialog.parts.contents;
+
+				if ( data.skin != 'kama' )
+					return;
+
+				contents.setStyles(
+					{
+						width : width + 'px',
+						height : height + 'px'
+					});
+
+				// Fix the size of the elements which have flexible lengths.
+				setTimeout( function()
+					{
+						var innerDialog = dialog.parts.dialog.getChild( [ 0, 0, 0 ] ),
+							body = innerDialog.getChild( 0 );
+
+						// tc
+						var el = innerDialog.getChild( 2 );
+						el.setStyle( 'width', ( body.$.offsetWidth ) + 'px' );
+
+						// bc
+						el = innerDialog.getChild( 7 );
+						el.setStyle( 'width', ( body.$.offsetWidth - 28 ) + 'px' );
+
+						// ml
+						el = innerDialog.getChild( 4 );
+						el.setStyle( 'height', ( height + body.getChild(0).$.offsetHeight ) + 'px' );
+
+						// mr
+						el = innerDialog.getChild( 5 );
+						el.setStyle( 'height', ( height + body.getChild(0).$.offsetHeight ) + 'px' );
+					},
+					100 );
+			});
+	}
+})();
+
+/**
+ * The base user interface color to be used by the editor. Not all skins are
+ * compatible with this setting.
+ * @name CKEDITOR.config.uiColor
+ * @type String
+ * @default '' (empty)
+ * @example
+ * // Using a color code.
+ * config.uiColor = '#AADC6E';
+ * @example
+ * // Using an HTML color name.
+ * config.uiColor = 'Gold';
+ */

data/lib/generators/ckeditor/base/templates/ckeditor/_source/skins/kama/templates.css

@@ -0,0 +1,88 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * Styles for the "templates" plugin.
+ */
+
+.cke_skin_kama .cke_tpl_list
+{
+	border: #dcdcdc 2px solid;
+	background-color: #ffffff;
+	overflow-y: auto;
+	overflow-x: hidden;
+	width: 100%;
+	height: 220px;
+}
+
+.cke_skin_kama .cke_tpl_item
+{
+	margin: 5px;
+	padding: 7px;
+	border: #eeeeee 1px solid;
+	*width: 88%;
+}
+
+.cke_skin_kama .cke_tpl_preview
+{
+	border-collapse: separate;
+	text-indent:0;
+	width: 100%;
+}
+.cke_skin_kama .cke_tpl_preview td
+{
+	padding: 2px;
+	vertical-align: middle;
+}
+.cke_skin_kama .cke_tpl_preview .cke_tpl_preview_img
+{
+	width: 100px;
+}
+.cke_skin_kama .cke_tpl_preview span
+{
+	white-space: normal;
+}
+
+.cke_skin_kama .cke_tpl_title
+{
+	font-weight: bold;
+}
+
+.cke_skin_kama .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_kama .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_kama .cke_tpl_list a:focus .cke_tpl_item
+{
+	border: #ff9933 1px solid;
+	background-color: #fffacd;
+}
+
+.cke_skin_kama .cke_tpl_list a:active *,
+.cke_skin_kama .cke_tpl_list a:hover *,
+.cke_skin_kama .cke_tpl_list a:focus *
+{
+	cursor: pointer;
+}
+
+/* IE6 contextual selectors childs won't get :hover transition until,
+	the hover style of the link itself contains certain CSS declarations.*/
+.cke_skin_kama .cke_browser_ie6 .cke_tpl_list a:active,
+.cke_skin_kama .cke_browser_ie6 .cke_tpl_list a:hover,
+.cke_skin_kama .cke_browser_ie6 .cke_tpl_list a:focus
+{
+	background-position: 0 0;
+}
+
+.cke_skin_kama .cke_hc .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_kama .cke_hc .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_kama .cke_hc .cke_tpl_list a:focus .cke_tpl_item
+{
+	border-width: 3px;
+}
+
+.cke_skin_kama .cke_tpl_empty, .cke_tpl_loading
+{
+	text-align: center;
+	padding: 5px;
+}