adding new studio skin for TinyMCE4

common/lib/xmodule/xmodule/js/src/html/edit.coffee

@@ -25,7 +25,7 @@ class @HTMLEditingDescriptor
     @tiny_mce_textarea = $(".tiny-mce", @element).tinymce({
       script_url : "#{baseUrl}/js/vendor/tiny_mce/tiny_mce.min.js",
       theme : "modern",
-      skin: 'studio',
+      skin: 'studio-tmce4',
       schema: "html5",
       # Necessary to preserve relative URLs to our images.
       convert_urls : false,

common/static/js/vendor/tiny_mce/skins/studio-tmce4/content.inline.min.css

+.mce-object{border:1px dotted #3a3a3a;background:#d5d5d5 url(img/object.gif) no-repeat center}.mce-pagebreak{cursor:default;display:block;border:0;width:100%;height:5px;border:1px dashed #666;margin-top:15px}.mce-item-anchor{cursor:default;display:inline-block;-webkit-user-select:all;-webkit-user-modify:read-only;-moz-user-select:all;-moz-user-modify:read-only;user-select:all;user-modify:read-only;width:9px!important;height:9px!important;border:1px dotted #3a3a3a;background:#d5d5d5 url(img/anchor.gif) no-repeat center}.mce-nbsp{background:#AAA}hr{cursor:default}.mce-match-marker{background:#AAA;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-spellchecker-word{background:url(img/wline.gif) repeat-x bottom left;cursor:default}.mce-item-table,.mce-item-table td,.mce-item-table th,.mce-item-table caption{border:1px dashed #BBB}td.mce-item-selected,th.mce-item-selected{background-color:#39f!important}.mce-edit-focus{outline:1px dotted #333}
\ No newline at end of file

common/static/js/vendor/tiny_mce/skins/studio-tmce4/content.min.css

+body{background-color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;scrollbar-3dlight-color:#f0f0ee;scrollbar-arrow-color:#676662;scrollbar-base-color:#f0f0ee;scrollbar-darkshadow-color:#ddd;scrollbar-face-color:#e0e0dd;scrollbar-highlight-color:#f0f0ee;scrollbar-shadow-color:#f0f0ee;scrollbar-track-color:#f5f5f5}td,th{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px}.mce-object{border:1px dotted #3a3a3a;background:#d5d5d5 url(img/object.gif) no-repeat center}.mce-pagebreak{cursor:default;display:block;border:0;width:100%;height:5px;border:1px dashed #666;margin-top:15px}.mce-item-anchor{cursor:default;display:inline-block;-webkit-user-select:all;-webkit-user-modify:read-only;-moz-user-select:all;-moz-user-modify:read-only;user-select:all;user-modify:read-only;width:9px!important;height:9px!important;border:1px dotted #3a3a3a;background:#d5d5d5 url(img/anchor.gif) no-repeat center}.mce-nbsp{background:#AAA}hr{cursor:default}.mce-match-marker{background:#AAA;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-spellchecker-word{background:url(img/wline.gif) repeat-x bottom left;cursor:default}.mce-item-table,.mce-item-table td,.mce-item-table th,.mce-item-table caption{border:1px dashed #BBB}td.mce-item-selected,th.mce-item-selected{background-color:#39f!important}.mce-edit-focus{outline:1px dotted #333}
\ No newline at end of file

common/static/js/vendor/tiny_mce/skins/studio-tmce4/fonts/readme.md

+Icons are generated and provided by the http://icomoon.io service.

common/static/js/vendor/tiny_mce/skins/studio-tmce4/skin.json

+{
+	"skin-name": "studio-tmce4",
+	"preview-bg": "#eeeeee",
+	"text": "#555555",
+	"text-inverse": "#ffffff",
+	"text-disabled": "#aaaaaa",
+	"has-gradients": false,
+	"has-radius": true,
+	"has-boxshadow": true,
+	"btn-text": "#626b73",
+	"btn-text-shadow": "#eeeeee",
+	"btn-bg": "#cad6e3",
+	"btn-bg-hlight": "#d9d9d9",
+	"btn-border-top": "#cad6e3",
+	"btn-border-right": "#cad6e3",
+	"btn-border-bottom": "rgba(202,214,227,1)",
+	"btn-border-left": "#cad6e3",
+	"btn-split-border": "#cad6e3",
+	"btn-primary-text": "#ffffff",
+	"btn-primary-text-shadow": "#333333",
+	"btn-primary-bg": "#009fe6",
+	"btn-primary-bg-hlight": "#0990cc",
+	"menu-bg": "#ffffff",
+	"menu-border": "rgba(0,0,0,0.2)",
+	"menuitem-text": "#333333",
+	"menuitem-bg-selected": "#0088cc",
+	"menuitem-bg-selected-hlight": "#0077b3",
+	"menuitem-separator-top": "#cbcbcb",
+	"menuitem-separator-bottom": "#ffffff",
+	"menuitem-text-inverse": "#ffffff",
+	"menuitem-bg-active": "#c8def4",
+	"menuitem-text-active": "#333333",
+	"menuitem-preview-border-active": "#aaaaaa",
+	"checkbox-border": "#c5c5c5",
+	"checkbox-border-focus": "#59a5e1",
+	"panel-border": "#9e9e9e",
+	"panel-bg": "#fdfdfd",
+	"panel-bg-hlight": "#dddddd",
+	"textbox-bg": "#ffffff",
+	"textbox-border": "#c5c5c5",
+	"textbox-border-focus": "#59a5e1",
+	"window-bg": "#ffffff",
+	"window-border": "#dddddd",
+	"tab-bg": "#e5ecf3",
+	"tab-bg-hover": "#fdfdfd",
+	"tab-bg-active": "#fdfdfd",
+	"tab-border": "#c5c5c5",
+	"colorbtn-backcolor-bg": "#bbbbbb",
+	"grid-border": "#d6d6d6",
+	"grid-border-active": "#a1a1a1"
+}
\ No newline at end of file