esp-ckeditor 0.1.0

data/app/assets/javascripts/esp-ckeditor/skins/kama/skin.js

@@ -0,0 +1,236 @@
+/*
+Copyright (c) 2003-2011, 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' ] },
+    richcombo  : { canGroup: false },
+    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'
+          });
+      });
+  }
+})();
+
+/**
+ * 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/app/assets/javascripts/esp-ckeditor/skins/kama/templates.css

@@ -0,0 +1,88 @@
+/*
+Copyright (c) 2003-2011, 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;
+}

data/app/assets/javascripts/esp-ckeditor/skins/kama/toolbar.css

@@ -0,0 +1,412 @@
+/*
+Copyright (c) 2003-2011, 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_separator
+{
+  display: inline-block;
+  border-left: solid 1px #D3D3D3;
+  margin: 3px 2px 0;
+  height: 16px;
+
+  /* These are for IE < 8, but it's ok for the others */
+  vertical-align: top;
+}
+
+.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;
+  */
+  background-color: #fff;
+  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_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 *,
+.cke_skin_kama .cke_browser_ie .cke_button.cke_noalphafix a.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;
+  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,
+.cke_skin_kama .cke_browser_ie6 .cke_rtl .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_ie .cke_button.cke_noalphafix .cke_icon,
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button.cke_noalphafix .cke_icon
+{
+  filter: none;
+}
+
+
+.cke_skin_kama .cke_button .cke_label
+{
+  cursor: default;
+  display: none;
+  padding-left: 3px;
+  line-height: 18px;
+  vertical-align: middle;
+}
+
+.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;
+  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: none;
+}
+
+/*** 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_separator,
+.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;
+}
+
+/*** 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_ie .cke_button .cke_label
+{
+  line-height: 16px;
+}
+
+/* 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;
+}
+