ckeditor 3.4.3 → 3.5.0

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/toolbar.css

@@ -0,0 +1,448 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+	/* For printing, we simply hide the toolbar */
+
+	.cke_skin_kama .cke_toolbox
+	{
+		display: none;
+	}
+}
+
+.cke_skin_kama .cke_browser_webkit .cke_toolbox,
+.cke_skin_kama .cke_browser_webkit .cke_toolbox > span
+{
+	white-space: normal;
+}
+
+.cke_skin_kama .cke_toolbox
+{
+	clear: both;
+	/* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/
+	padding-bottom: 1px;
+}
+
+.cke_skin_kama a.cke_toolbox_collapser,
+.cke_skin_kama a:hover.cke_toolbox_collapser
+{
+	/* arrowtop.gif */
+	background-image: url(images/sprites.png);
+	_background-image: url(images/sprites_ie6.png);
+	background-position: 3px -1366px; /* +3px +4px */
+	background-repeat: no-repeat;
+	width: 11px;
+	height: 11px;
+	float: right;
+	border: 1px outset #D3D3D3;
+	margin: 11px 0 2px;
+	cursor: pointer;
+}
+
+.cke_skin_kama .cke_rtl a.cke_toolbox_collapser,
+.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser
+{
+	float: left;
+}
+
+.cke_skin_kama a.cke_toolbox_collapser span
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_hc a.cke_toolbox_collapser span
+{
+	font-size: 10px;
+	font-weight: bold;
+	font-family: Arial;
+	display: inline;
+}
+
+.cke_skin_kama a.cke_toolbox_collapser_min,
+.cke_skin_kama a:hover.cke_toolbox_collapser_min
+{
+	/* arrowleft.gif*/
+	background-image: url(images/sprites.png);
+	_background-image: url(images/sprites_ie6.png);
+	background-position: 4px -1387px; /* +4px +3px */
+	background-repeat: no-repeat;
+	margin: 2px 4px;
+}
+
+.cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,
+.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min
+{
+	/* arrowright.gif*/
+	background-position: 4px -1408px; /* +2px +3px */
+}
+
+.cke_skin_kama .cke_toolbar
+{
+	display: inline;
+}
+
+.cke_skin_kama .cke_separator
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_break
+{
+	font-size: 0;
+	clear: left;
+}
+
+.cke_skin_kama .cke_rtl .cke_break
+{
+	clear: right;
+}
+
+.cke_skin_kama .cke_toolbar_start
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_toolgroup
+{
+	-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 -500px;
+	float: left;
+	margin-right: 6px;
+	margin-bottom: 5px;
+	padding: 2px;
+	display: inline;
+}
+
+.cke_skin_kama .cke_rtl .cke_toolgroup
+{
+	float: right;
+	margin-right: 0;
+	margin-left: 6px;
+}
+
+.cke_skin_kama .cke_toolgroup
+{
+	display: block;
+	height: 22px;
+}
+
+.cke_skin_kama .cke_button a,
+.cke_skin_kama .cke_button a:hover,
+.cke_skin_kama .cke_button a:focus,
+.cke_skin_kama .cke_button a:active,
+.cke_skin_kama .cke_button a.cke_off
+{
+	border-radius: 3px;
+	outline: none;
+	padding: 2px 4px;
+	height: 18px;
+	display: inline-block;
+	cursor: default;
+}
+
+.cke_skin_kama .cke_button a,
+.cke_skin_kama .cke_button a.cke_off
+{
+	filter: alpha(opacity=70); /* IE */
+	opacity: 0.70; /* Safari, Opera and Mozilla */
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+
+.cke_skin_kama .cke_hc .cke_button a,
+.cke_skin_kama .cke_hc .cke_button a.cke_off
+{
+	opacity: 1.0;
+	filter: alpha(opacity=100);
+	border: 1px solid white;
+}
+
+.cke_skin_kama .cke_button a.cke_on
+{
+	background-color: #a3d7ff;
+	filter: alpha(opacity=100); /* IE */
+	opacity: 1; /* Safari, Opera and Mozilla */
+	padding: 2px 4px;
+}
+
+.cke_skin_kama .cke_hc .cke_button a.cke_on
+{
+	padding: 0 2px !important;
+	border-width: 3px;
+}
+
+.cke_skin_kama .cke_button a.cke_disabled *
+{
+	filter: alpha(opacity=30); /* IE */
+	opacity: 0.3; /* Safari, Opera and Mozilla */
+}
+
+/* IE with zoom != 100% will distort the icons otherwise #4821 */
+.cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled *,
+.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled *
+{
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
+}
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,
+.cke_skin_kama .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *
+{
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
+}
+.cke_skin_kama .cke_browser_ie6 .cke_button a.cke_disabled *,
+.cke_skin_kama .cke_browser_ie6 a:hover.cke_button .cke_disabled *
+{
+	filter: alpha(opacity=30);
+}
+
+.cke_skin_kama .cke_hc .cke_button a.cke_disabled *,
+.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
+{
+	filter: alpha(opacity=60);
+	opacity: 0.6;
+}
+
+.cke_skin_kama .cke_button a:hover.cke_on,
+.cke_skin_kama .cke_button a:focus.cke_on,
+.cke_skin_kama .cke_button a:active.cke_on,	/* IE */
+.cke_skin_kama .cke_button a:hover.cke_off,
+.cke_skin_kama .cke_button a:focus.cke_off,
+.cke_skin_kama .cke_button a:active.cke_off	/* IE */
+{
+	filter: alpha(opacity=100); /* IE */
+	opacity: 1; /* Safari, Opera and Mozilla */
+	padding: 2px 4px;
+}
+
+.cke_skin_kama .cke_button a:hover,
+.cke_skin_kama .cke_button a:focus,
+.cke_skin_kama .cke_button a:active	/* IE */
+{
+	background-color: #dff1ff;
+}
+
+.cke_skin_kama .cke_button a:hover.cke_on,
+.cke_skin_kama .cke_button a:focus.cke_on,
+.cke_skin_kama .cke_button a:active.cke_on	/* IE */
+{
+	background-color: #86caff;
+}
+
+.cke_skin_kama .cke_hc .cke_button a:hover,
+.cke_skin_kama .cke_hc .cke_button a:focus,
+.cke_skin_kama .cke_hc .cke_button a:active	/* IE */
+{
+	padding: 0 2px !important;
+	border-width: 3px;
+}
+
+.cke_skin_kama .cke_button .cke_icon
+{
+	background-image: url(icons.png);
+	background-position: 100px;
+	background-repeat: no-repeat;
+	margin-top: 1px;
+	width: 16px;
+	height: 16px;
+	display: inline-block;
+	float: left;
+	cursor: default;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_icon
+{
+	background-image: url(icons_rtl.png);
+}
+/* IE with zoom != 100% will distort the icons otherwise #4821 */
+.cke_skin_kama .cke_browser_ie .cke_button .cke_icon
+{
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
+}
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon
+{
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
+}
+.cke_skin_kama .cke_browser_ie6 .cke_button .cke_icon
+{
+	filter: ;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_icon
+{
+	float: right;
+}
+
+.cke_skin_kama .cke_button .cke_label
+{
+	cursor: default;
+	display: none;
+	padding-left: 3px;
+	line-height: 18px;
+	vertical-align: middle;
+	float: left;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_label
+{
+	padding-left: 0;
+	padding-right: 3px;
+	float: right;
+}
+
+.cke_skin_kama .cke_hc .cke_button .cke_label
+{
+	padding: 0;
+	display: inline-block;
+}
+
+.cke_skin_kama .cke_hc .cke_button .cke_icon
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_accessibility
+{
+	position: absolute;
+	display: block;
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+
+.cke_skin_kama .cke_button .cke_buttonarrow
+{
+	display: inline-block;
+	height: 17px;
+	width: 8px;
+	background-position: 2px -1469px; /* (+2, -5) */
+	background-image: url(images/sprites.png);
+	_background-image: url(images/sprites_ie6.png);
+	background-repeat: no-repeat;
+	float: left;
+	cursor: default;
+}
+
+/* IE with zoom != 100% will distort the icons otherwise #4821 */
+.cke_skin_kama .cke_browser_ie .cke_button .cke_buttonarrow
+{
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
+}
+.cke_skin_kama .cke_browser_ie6 .cke_button .cke_buttonarrow
+{
+	filter: ;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
+{
+	background-position: 0 -1469px; /* (0, -5) */
+	float: right;
+}
+
+/*** Firefox 2 ***/
+
+.cke_skin_kama .cke_browser_gecko .cke_toolbar,
+.cke_skin_kama .cke_browser_gecko .cke_button a,
+.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
+.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
+.cke_skin_kama .cke_browser_gecko .cke_separator,
+.cke_skin_kama .cke_browser_gecko .cke_toolbar_start
+{
+	display: block;
+	float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a,
+.cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start
+{
+	float: right;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_button .cke_label,
+.cke_skin_kama .cke_browser_gecko .cke_break
+{
+	float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break
+{
+	float: right;
+}
+
+/*** IE ***/
+
+/* The biggest problem with IE is the RTL support (and float:right). It's
+   totally broken, and quite delicate. IE8 fixed these issues. */
+
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
+{
+	float: none;
+}
+
+/*** WebKit ***/
+
+/* We have originally used display:inline-block+float for cke_toolbar and it
+   worked well in all browsers, except IE+RTL. We had to change it to inline
+   and remove the float. This change didn't play well with Safari. */
+
+.cke_skin_kama .cke_browser_webkit .cke_toolbar
+{
+	float: left;
+}
+
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar
+{
+	float: right;
+}
+
+/*** Mixed Fixes ***/
+
+.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,
+.cke_skin_kama .cke_browser_opera .cke_button .cke_label,
+.cke_skin_kama .cke_browser_webkit .cke_button .cke_label
+{
+	line-height: 20px;
+}
+
+.cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
+.cke_skin_kama .cke_browser_iequirks .cke_button .cke_label
+{
+	line-height: 17px;
+}
+
+/* Fix cursor shape consistency on toolbar combos (#4031) */
+.cke_skin_kama .cke_browser_ie .cke_rcombo,
+.cke_skin_kama .cke_browser_ie .cke_rcombo *
+{
+	cursor: default;
+}
+
+.cke_skin_kama .cke_browser_ie .cke_toolbox
+{
+	padding-bottom: 5px;
+	_padding-bottom: 6px;
+}
+
+.cke_shared .cke_skin_kama .cke_browser_ie .cke_toolbox
+{
+	padding-bottom: 0;
+}