added ckeditor styles config file

css/ckeditor.styles.js

@@ -0,0 +1,77 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/*
+ * This file is used/requested by the 'Styles' button.
+ * The 'Styles' button is not enabled by default in DrupalFull and DrupalFiltered toolbars.
+ */
+if (typeof CKEDITOR !== "undefined") {
+  CKEDITOR.addStylesSet("drupal", [
+    /* Block Styles */
+
+    // These styles are already available in the "Format" drop-down list, so they are
+    // not needed here by default. You may enable them to avoid placing the
+    // "Format" drop-down list in the toolbar, maintaining the same features.
+    /*
+          { name : 'Paragraph'    , element : 'p' },
+          { name : 'Heading 1'    , element : 'h1' },
+          { name : 'Heading 2'    , element : 'h2' },
+          { name : 'Heading 3'    , element : 'h3' },
+          { name : 'Heading 4'    , element : 'h4' },
+          { name : 'Heading 5'    , element : 'h5' },
+          { name : 'Heading 6'    , element : 'h6' },
+          { name : 'Preformatted Text', element : 'pre' },
+          { name : 'Address'      , element : 'address' },
+          */
+
+    /* Inline Styles */
+
+    // These are core styles available as toolbar buttons. You may opt enabling
+    // some of them in the "Styles" drop-down list, removing them from the toolbar.
+    //{ name : 'Strong'     , element : 'strong', overrides : 'b' },
+    //{ name : 'Emphasis'     , element : 'em'  , overrides : 'i' },
+    //{ name : 'Underline'    , element : 'u' },
+    { name: "Strikethrough", element: "strike" },
+    { name: "Subscript", element: "sub" },
+    { name: "Superscript", element: "sup" },
+    { name: "Marker: Yellow", element: "span", styles: { "background-color": "Yellow" } },
+    //{ name : 'Marker: Green'  , element : 'span', styles : { 'background-color' : 'Lime' } },
+    //{ name : 'Big'        , element : 'big' },
+    //{ name : 'Small'      , element : 'small' },
+    //{ name : 'Typewriter'   , element : 'tt' },
+    { name: "Computer Code", element: "code" },
+    //{ name : 'Keyboard Phrase'  , element : 'kbd' },
+    //{ name : 'Sample Text'    , element : 'samp' },
+    //{ name : 'Variable'     , element : 'var' },
+    //{ name : 'Deleted Text'   , element : 'del' },
+    //{ name : 'Inserted Text'  , element : 'ins' },
+    //{ name : 'Cited Work'   , element : 'cite' },
+    //{ name : 'Inline Quotation' , element : 'q' },
+    //{ name : 'Language: RTL'  , element : 'span', attributes : { 'dir' : 'rtl' } },
+    //{ name : 'Language: LTR'  , element : 'span', attributes : { 'dir' : 'ltr' } },
+
+    /* Object Styles */
+
+    {
+      name: "Image on Left",
+      element: "img",
+      attributes: {
+        style: "padding: 0; margin: 5px 10px 5px 0",
+        border: "1",
+        align: "left"
+      }
+    },
+
+    {
+      name: "Image on Right",
+      element: "img",
+      attributes: {
+        style: "padding: 0; margin: 5px 0 5px 10px",
+        border: "2",
+        align: "right"
+      }
+    }
+  ])
+}