update

Admin/plugins/ckeditor/skins/office2013/colorpanel.css

@@ -0,0 +1,127 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+colorpanel.css (part of editor.css)
+=====================================
+
+The color panel is related to the contents part of the panels that are
+displayed when clicking the color buttons of the toolbar. See panels.css for
+styles related to the outer part of panels.
+
+The following is the visual representation of the color panel contents:
+
++-- .cke_panel_block.cke_colorblock --+
+| +-- a.cke_colorauto --------------+ |
+| |                                 | |
+| |         AUTOMATIC COLOR         | |
+| |                                 | |
+| +---------------------------------+ |
+| +-- table ------------------------+ |
+| |                                 | |
+| |          COLOR PALETTE          | |
+| |                                 | |
+| |---------------------------------| |
+| |          "More Colors"          | |
+| +---------------------------------+ |
++-------------------------------------+
+
+The AUTOMATIC COLOR section is an <a> containing a table with two cells with
+the following contents:
+
++-- TD -----------------+ +-- TD -----------------+
+| +-- .cke_colorbox --+ | |                       |
+| |                   | | |      "Automatic"      |
+| +-------------------+ | |                       |
++-----------------------+ +-----------------------+
+
+The COLOR PALETTE section instead is a table with a variable number of cells
+(by default 8). Each cell represents a color box, with the following structure:
+
++-- A.cke_colorbox ---------+
+| +-- SPAN.cke_colorbox --+ |
+| |                       | |
+| +-----------------------+ |
++---------------------------+
+*/
+
+/* The container of the color palette. */
+.cke_colorblock
+{
+	padding: 3px;
+	font-size: 11px;
+	font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.cke_colorblock,
+.cke_colorblock a
+{
+	text-decoration: none;
+	color: #000;
+}
+
+/* The box which is to represent a single color on the color palette.
+   It is a small, square-shaped element which can be selected from the palette. */
+span.cke_colorbox
+{
+	width: 10px;
+	height: 10px;
+	border: #808080 1px solid;
+	float: left;
+}
+
+.cke_rtl span.cke_colorbox
+{
+	float: right;
+}
+
+/* The wrapper of the span.cke_colorbox. It provides an extra border and padding. */
+a.cke_colorbox
+{
+	border: #fff 1px solid;
+	padding: 2px;
+	float: left;
+	width: 12px;
+	height: 12px;
+}
+
+.cke_rtl a.cke_colorbox
+{
+	float: right;
+}
+
+/* Different states of the a.cke_colorbox wrapper. */
+a:hover.cke_colorbox,
+a:focus.cke_colorbox,
+a:active.cke_colorbox
+{
+	border: #b6b6b6 1px solid;
+	background-color: #e5e5e5;
+}
+
+/* Buttons which are visible at the top/bottom of the color palette:
+   - cke_colorauto (TOP) applies the automatic color.
+   - cke_colormore (BOTTOM) executes the color dialog.
+*/
+a.cke_colorauto,
+a.cke_colormore
+{
+	border: #fff 1px solid;
+	padding: 2px 4px;
+	display: block;
+	cursor: pointer;
+}
+
+/* Different states of cke_colorauto/cke_colormore buttons. */
+a:hover.cke_colorauto,
+a:hover.cke_colormore,
+a:focus.cke_colorauto,
+a:focus.cke_colormore,
+a:active.cke_colorauto,
+a:active.cke_colormore
+{
+	border: #D5E1F2 1px solid;
+	background-color: #D5E1F2;
+}

Admin/plugins/ckeditor/skins/office2013/dialog.css

@@ -0,0 +1,966 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+dialog.css
+============
+
+This file styles dialogs and all widgets available inside of it (tabs, buttons,
+fields, etc.).
+
+Dialogs are a complex system because they're very flexible. The CKEditor API
+makes it easy to create and customize dialogs by code, by making use of several
+different widgets inside its contents.
+
+All dialogs share a main dialog strucuture, which can be visually represented
+as follows:
+
++-- .cke_dialog -------------------------------------------------+
+| +-- .cke_dialog_body ----------------------------------------+ |
+| | +-- .cke_dialog_title --+ +-- .cke_dialog_close_button --+ | |
+| | |                       | |                              | | |
+| | +-----------------------+ +------------------------------+ | |
+| | +-- .cke_dialog_tabs ------------------------------------+ | |
+| | |                                                        | | |
+| | +--------------------------------------------------------+ | |
+| | +-- .cke_dialog_contents --------------------------------+ | |
+| | | +-- .cke_dialog_contents_body -----------------------+ | | |
+| | | |                                                    | | | |
+| | | +----------------------------------------------------+ | | |
+| | | +-- .cke_dialog_footer ------------------------------+ | | |
+| | | |                                                    | | | |
+| | | +----------------------------------------------------+ | | |
+| | +--------------------------------------------------------+ | |
+| +------------------------------------------------------------+ |
++----------------------------------------------------------------+
+
+Comments in this file will give more details about each of the above blocks.
+*/
+
+/* The outer container of the dialog. */
+.cke_dialog
+{
+	/* Mandatory: Because the dialog.css file is loaded on demand, we avoid
+		showing an unstyled dialog by hidding it. Here, we restore its visibility. */
+	visibility: visible;
+}
+
+.cke_dialog_background_cover{
+	background: #C6C6C6 !important;
+}
+
+/* The inner boundary container. */
+.cke_dialog_body
+{
+	z-index: 1;
+	background: #fff;
+	border: 1px solid #2B579A;
+
+	box-shadow: 0 0 10px 1px #A3BDE3;
+}
+
+/* This one is required by Firefox 3.6. Without it,
+   dialog tabs and resizer float outside of the dialog.
+   Although this rule doesn't seem to break anything on other
+   browsers, it doesn't work with broken jQueryUI - #9851. */
+.cke_browser_gecko19 .cke_dialog_body
+{
+	position: relative;
+}
+
+/* Due to our reset we have to recover the styles of some elements. */
+.cke_dialog strong
+{
+	font-weight: bold;
+}
+
+/* The dialog title. */
+.cke_dialog_title
+{
+	font-size: 13px;
+	position: relative;
+
+	color: #474747;
+	padding: 10px 14px;
+	cursor: default;
+}
+
+/* The outer part of the dialog contants, which contains the contents body
+   and the footer. */
+.cke_dialog_contents
+{
+	background-color: #fff;
+	overflow: auto;
+	padding: 15px 10px 5px 10px;
+	margin-top: 30px;
+	border-top: 1px solid #d4d4d4;
+
+	border-radius: 0 0 3px 3px;
+}
+
+/* The contents body part, which will hold all elements available in the dialog. */
+.cke_dialog_contents_body
+{
+	overflow: auto;
+	padding: 17px 14px 0 14px;
+	margin-top: 22px;
+}
+
+/* The dialog footer, which usually contains the "Ok" and "Cancel" buttons as
+   well as a resize handler. */
+.cke_dialog_footer
+{
+	text-align: right;
+	position: relative;
+
+	border: none;
+
+
+
+}
+
+.cke_rtl .cke_dialog_footer
+{
+	text-align: left;
+}
+
+.cke_hc .cke_dialog_footer
+{
+	outline: none;
+	border-top: 1px solid #fff;
+}
+
+.cke_dialog .cke_resizer
+{
+	margin-top: 40px;
+	border-color: transparent #666 transparent transparent;
+}
+
+.cke_dialog .cke_resizer_rtl
+{
+	margin-left: 2px;
+}
+
+.cke_dialog .cke_resizer_ltr
+{
+	margin-right: 2px;
+	margin-left: -12px;
+	/* display: none; */
+}
+
+/*
+Dialog tabs
+-------------
+
+Tabs are presented on some of the dialogs to make it possible to have its
+contents split on different groups, visible one after the other.
+
+The main element that holds the tabs can be made hidden, in case of no tabs
+available.
+
+The following is the visual representation of the tabs block:
+
++-- .cke_dialog_tabs ------------------------------------+
+|  +-- .cke_dialog_tab --+ +-- .cke_dialog_tab --+ ...   |
+|  |                     | |                     |       |
+|  +---------------------+ +---------------------+       |
++--------------------------------------------------------+
+
+The .cke_dialog_tab_selected class is appended to the active tab.
+*/
+
+/* The main tabs container. */
+.cke_dialog_tabs
+{
+	height: 25px;
+	display: inline-block;
+	margin: 5px 0 0;
+	position: absolute;
+	z-index: 2;
+	left: 10px;
+}
+
+.cke_rtl .cke_dialog_tabs
+{
+	right: 10px;
+}
+
+/* A single tab (an <a> element). */
+a.cke_dialog_tab
+{
+
+	height: 16px;
+	padding: 4px 8px;
+	margin-right: 3px;
+	display: inline-block;
+	cursor: default;
+	text-transform: uppercase;
+	line-height: 16px;
+	outline: none;
+	color: #444444;
+	border-bottom-color: #d4d4d4;
+
+	background: #fafafa;
+}
+
+.cke_rtl a.cke_dialog_tab
+{
+	margin-right: 0;
+	margin-left: 3px;
+}
+
+/* A hover state of a regular inactive tab. */
+a.cke_dialog_tab:hover
+{
+	color: #2b579a;
+}
+
+a.cke_dialog_tab_selected
+{
+	padding: 4px 7px 5px;
+	color: #2b579a;
+	border: 1px solid #d4d4d4;
+	border-bottom: none;
+	cursor: default;
+}
+
+.cke_hc a.cke_dialog_tab:hover,
+.cke_hc a.cke_dialog_tab_selected
+{
+	border: 3px solid;
+	padding: 2px 6px;
+}
+
+a.cke_dialog_tab_disabled
+{
+	color: #bababa;
+	cursor: default;
+}
+
+/* The .cke_single_page class is appended to the dialog outer element in case
+   of dialogs that has no tabs. */
+.cke_single_page .cke_dialog_tabs
+{
+	display: none;
+}
+
+.cke_single_page .cke_dialog_contents
+{
+	padding-top: 5px;
+	margin-top: 0;
+	border-top: none;
+}
+
+/* The close button at the top of the dialog. */
+
+.cke_dialog_close_button
+{
+	background-image: url(images/close.png);
+	background-repeat: no-repeat;
+	background-position: 0 0;
+	position: absolute;
+	cursor: pointer;
+	text-align: center;
+	height: 16px;
+	width: 16px;
+	border: 1px solid transparent;
+	top: 5px;
+	z-index: 5;
+	cursor: default;
+}
+
+.cke_hidpi .cke_dialog_close_button {
+	background-image: url(images/hidpi/close.png);
+	background-size: 16px;
+}
+
+.cke_dialog_close_button:hover
+{
+	background-color: #D5E1F2;
+	border-color: #A3BDE3;
+}
+
+.cke_dialog_close_button:active
+{
+	background-color: #A3BDE3;
+	border-color: #3E6DB5;
+}
+
+.cke_dialog_close_button span
+{
+	display: none;
+}
+
+.cke_hc .cke_dialog_close_button span
+{
+	display: inline;
+	cursor: pointer;
+	font-weight: bold;
+	position: relative;
+	top: 3px;
+}
+
+.cke_ltr .cke_dialog_close_button
+{
+	right: 10px;
+}
+
+.cke_rtl .cke_dialog_close_button
+{
+	left: 6px;
+}
+
+.cke_dialog_close_button
+{
+	top: 10px;
+}
+
+/*
+Dialog UI Elements
+--------------------
+
+The remaining styles define the UI elements that can be used inside dialog
+contents.
+
+Most of the UI elements on dialogs contain a textual label. All of them share
+the same labelling structure, having the label text inside an element with
+.cke_dialog_ui_labeled_label and the element specific part inside the
+.cke_dialog_ui_labeled_content class.
+*/
+
+/* If an element is supposed to be disabled, the .cke_disabled class is
+   appended to it. */
+div.cke_disabled .cke_dialog_ui_labeled_content div *
+{
+	background-color: #ddd;
+	cursor: default;
+}
+
+/*
+Horizontal-Box and Vertical-Box
+---------------------------------
+
+There are basic layou element used by the editor to properly align elements in
+the dialog. They're basically tables that have each cell filled by UI elements.
+
+The following is the visual representation of a H-Box:
+
++-- .cke_dialog_ui_hbox --------------------------------------------------------------------------------+
+|  +-- .cke_dialog_ui_hbox_first --+ +-- .cke_dialog_ui_hbox_child --+ +-- .cke_dialog_ui_hbox_last --+ |
+|  +                               + +                               + +                              + |
+|  +-------------------------------+ +-------------------------------+ +------------------------------+ |
++-------------------------------------------------------------------------------------------------------+
+
+It is possible to have nested V/H-Boxes.
+*/
+
+.cke_dialog_ui_vbox table,
+.cke_dialog_ui_hbox table
+{
+	margin: auto;
+}
+
+.cke_dialog_ui_vbox_child
+{
+	padding: 5px 0px;
+}
+
+.cke_dialog_ui_hbox
+{
+	width: 100%;
+}
+
+.cke_dialog_ui_hbox_first,
+.cke_dialog_ui_hbox_child,
+.cke_dialog_ui_hbox_last
+{
+	vertical-align: top;
+}
+
+.cke_ltr .cke_dialog_ui_hbox_first,
+.cke_ltr .cke_dialog_ui_hbox_child
+{
+	padding-right: 10px;
+}
+
+.cke_rtl .cke_dialog_ui_hbox_first,
+.cke_rtl .cke_dialog_ui_hbox_child
+{
+	padding-left: 10px;
+}
+
+.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
+.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
+{
+	padding-right: 5px;
+}
+
+.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
+.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
+{
+	padding-left: 5px;
+	padding-right: 0;
+}
+
+/* Applies to all labeled dialog fields */
+.cke_hc div.cke_dialog_ui_input_text,
+.cke_hc div.cke_dialog_ui_input_password,
+.cke_hc div.cke_dialog_ui_input_textarea,
+.cke_hc div.cke_dialog_ui_input_select,
+.cke_hc div.cke_dialog_ui_input_file
+{
+	border: 1px solid;
+}
+
+/*
+Text Input
+------------
+
+The basic text field to input text.
+
++-- .cke_dialog_ui_text --------------------------+
+|  +-- .cke_dialog_ui_labeled_label ------------+ |
+|  |                                            | |
+|  +--------------------------------------------+ |
+|  +-- .cke_dialog_ui_labeled_content ----------+ |
+|  | +-- div.cke_dialog_ui_input_text --------+ | |
+|  | | +-- input.cke_dialog_ui_input_text --+ | | |
+|  | | |                                    | | | |
+|  | | +------------------------------------+ | | |
+|  | +----------------------------------------+ | |
+|  +--------------------------------------------+ |
++-------------------------------------------------+
+*/
+
+/*
+Textarea
+----------
+
+The textarea field to input larger text.
+
++-- .cke_dialog_ui_textarea --------------------------+
+|  +-- .cke_dialog_ui_labeled_label ----------------+ |
+|  |                                                | |
+|  +------------------------------------------------+ |
+|  +-- .cke_dialog_ui_labeled_content --------------+ |
+|  | +-- div.cke_dialog_ui_input_textarea --------+ | |
+|  | | +-- input.cke_dialog_ui_input_textarea --+ | | |
+|  | | |                                        | | | |
+|  | | +----------------------------------------+ | | |
+|  | +--------------------------------------------+ | |
+|  +------------------------------------------------+ |
++-----------------------------------------------------+
+*/
+
+textarea.cke_dialog_ui_input_textarea
+{
+	overflow: auto;
+	resize: none;
+}
+
+input.cke_dialog_ui_input_text,
+input.cke_dialog_ui_input_password,
+textarea.cke_dialog_ui_input_textarea
+{
+	background-color: #fff;
+	border: 1px solid #C3CBD0;
+	padding: 2px 6px;
+	outline: none;
+	width: 100%;
+
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+input.cke_dialog_ui_input_text:hover,
+input.cke_dialog_ui_input_password:hover,
+textarea.cke_dialog_ui_input_textarea:hover
+{
+	border: 1px solid #a3bde3;
+}
+
+input.cke_dialog_ui_input_text:focus,
+input.cke_dialog_ui_input_password:focus,
+textarea.cke_dialog_ui_input_textarea:focus,
+select.cke_dialog_ui_input_select:focus
+{
+	outline: none;
+	border: 1px solid #3e6db5;
+}
+
+
+input.cke_dialog_ui_input_text,
+input.cke_dialog_ui_input_password
+{
+	height: 22px;
+}
+
+/*
+Button
+--------
+
+The buttons used in the dialog footer or inside the contents.
+
++-- a.cke_dialog_ui_button -----------+
+|  +-- span.cke_dialog_ui_button --+  |
+|  |                               |  |
+|  +-------------------------------+  |
++-------------------------------------+
+*/
+
+/* The outer part of the button. */
+a.cke_dialog_ui_button
+{
+	display: inline-block;
+
+	height: 16px;
+	line-height: 16px;
+	padding: 2px 0;
+	margin: 0;
+
+	text-align: center;
+	color: #444;
+	vertical-align: middle;
+	cursor: default;
+
+	border: 1px solid #ABABAB;
+
+	background: #fff;
+
+}
+
+span.cke_dialog_ui_button
+{
+	padding: 0 12px;
+}
+
+/* 	:focus/:active styles for dialog buttons: regular and footer. */
+a.cke_dialog_ui_button:focus
+{
+	border-color: #A3BDE3;
+	background: #E3ECFA;
+	outline: none;
+}
+
+a.cke_dialog_ui_button:active
+{
+	border-color: #3E6DB5;
+	background: #A3BDE3;
+	outline: none;
+}
+
+a.cke_dialog_ui_button:hover
+{
+	border-color: #A3BDE3;
+	background: #D5E1F2;
+}
+
+.cke_hc a.cke_dialog_ui_button:hover,
+.cke_hc a.cke_dialog_ui_button:focus,
+.cke_hc a.cke_dialog_ui_button:active
+{
+
+}
+
+.cke_hc a.cke_dialog_ui_button:hover span,
+.cke_hc a.cke_dialog_ui_button:focus span,
+.cke_hc a.cke_dialog_ui_button:active span
+{
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+/*
+a.cke_dialog_ui_button[style*="width"]
+{
+	display: block !important;
+	width: auto !important;
+}
+*/
+.cke_dialog_footer_buttons a.cke_dialog_ui_button
+{
+	height: 18px;
+}
+/* The inner part of the button (both in dialog tabs and dialog footer). */
+.cke_dialog_footer_buttons a.cke_dialog_ui_button span
+{
+	color: inherit;
+	font-size: 12px;
+	line-height: 18px;
+}
+
+/* Special class appended to the Ok button. */
+a.cke_dialog_ui_button_ok
+{
+
+	border-color: #8DBBFD;
+
+
+	background: #F4F8FF;
+
+}
+
+a.cke_dialog_ui_button_ok:hover
+{
+}
+
+/* Text shadow used for inner part of OK dialog button in footer. */
+a.cke_dialog_ui_button_ok span
+{
+}
+
+span.cke_dialog_ui_button
+{
+	cursor: default;
+}
+
+
+a.cke_dialog_ui_button_ok:focus,
+a.cke_dialog_ui_button_ok:active
+{
+}
+
+
+/* A special container that holds the footer buttons. */
+.cke_dialog_footer_buttons
+{
+	display: inline-table;
+	margin: 14px;
+	width: auto;
+	position: relative;
+	vertical-align: middle;
+}
+
+/*
+Styles for other dialog element types.
+*/
+
+div.cke_dialog_ui_input_select
+{
+	display: table;
+}
+
+select.cke_dialog_ui_input_select
+{
+	height: 22px;
+	line-height: 22px;
+
+	background-color: #fff;
+	border: 1px solid #C3CBD0;
+	padding: 1px 1px 1px 6px;
+
+	outline: none;
+}
+
+.cke_dialog_ui_input_file
+{
+	width: 100%;
+	height: 25px;
+}
+
+.cke_hc .cke_dialog_ui_labeled_content input:focus,
+.cke_hc .cke_dialog_ui_labeled_content select:focus,
+.cke_hc .cke_dialog_ui_labeled_content textarea:focus
+{
+	outline: 1px dotted;
+}
+
+/*
+ * Some utility CSS classes for dialog authors.
+ */
+.cke_dialog .cke_dark_background
+{
+	background-color: #DEDEDE;
+}
+
+.cke_dialog .cke_light_background
+{
+	background-color: #EBEBEB;
+}
+
+.cke_dialog .cke_centered
+{
+	text-align: center;
+}
+
+.cke_dialog a.cke_btn_reset
+{
+	float: right;
+	background: url(images/refresh.png) top left no-repeat;
+	width: 16px;
+	height: 16px;
+	border: 1px none;
+	font-size: 1px;
+}
+
+.cke_hidpi .cke_dialog a.cke_btn_reset {
+	background-size: 16px;
+	background-image: url(images/hidpi/refresh.png);
+}
+
+.cke_rtl .cke_dialog a.cke_btn_reset
+{
+	float: left;
+}
+
+.cke_dialog a.cke_btn_locked,
+.cke_dialog a.cke_btn_unlocked
+{
+	float: left;
+	width: 16px;
+	height: 16px;
+	background-repeat: no-repeat;
+	border: none 1px;
+	font-size: 1px;
+}
+
+.cke_dialog a.cke_btn_locked .cke_icon
+{
+	display: none;
+}
+
+.cke_rtl .cke_dialog a.cke_btn_locked,
+.cke_rtl .cke_dialog a.cke_btn_unlocked
+{
+	float: right;
+}
+
+.cke_dialog a.cke_btn_locked
+{
+	background-image: url(images/lock.png);
+}
+
+.cke_dialog a.cke_btn_unlocked
+{
+	background-image: url(images/lock-open.png);
+}
+
+.cke_hidpi .cke_dialog a.cke_btn_unlocked,
+.cke_hidpi .cke_dialog a.cke_btn_locked {
+	background-size: 16px;
+}
+
+.cke_hidpi .cke_dialog a.cke_btn_locked {
+	background-image: url(images/hidpi/lock.png);
+}
+
+.cke_hidpi .cke_dialog a.cke_btn_unlocked {
+	background-image: url(images/hidpi/lock-open.png);
+}
+
+.cke_dialog .cke_btn_over
+{
+	border: outset 1px;
+	cursor: pointer;
+}
+
+/*
+The rest of the file contains style used on several common plugins. There is a
+tendency that these will be moved to the plugins code in the future.
+*/
+
+.cke_dialog  .ImagePreviewBox
+{
+	border: 2px ridge black;
+	overflow: scroll;
+	height: 200px;
+	width: 300px;
+	padding: 2px;
+	background-color: white;
+}
+
+.cke_dialog .ImagePreviewBox table td
+{
+	white-space: normal;
+}
+
+.cke_dialog  .ImagePreviewLoader
+{
+	position: absolute;
+	white-space: normal;
+	overflow: hidden;
+	height: 160px;
+	width: 230px;
+	margin: 2px;
+	padding: 2px;
+	opacity: 0.9;
+	filter: alpha(opacity = 90);
+
+	background-color: #e4e4e4;
+}
+
+.cke_dialog .FlashPreviewBox
+{
+	white-space: normal;
+	border: 2px ridge black;
+	overflow: auto;
+	height: 160px;
+	width: 390px;
+	padding: 2px;
+	background-color: white;
+}
+
+.cke_dialog .cke_pastetext
+{
+	width: 346px;
+	height: 170px;
+}
+
+.cke_dialog .cke_pastetext textarea
+{
+	width: 340px;
+	height: 170px;
+	resize: none;
+}
+
+.cke_dialog iframe.cke_pasteframe
+{
+	width: 346px;
+	height: 130px;
+	background-color: white;
+	border: 1px solid #C3CBD0;
+}
+
+.cke_dialog .cke_hand
+{
+	cursor: pointer;
+}
+
+.cke_disabled
+{
+	color: #a0a0a0;
+}
+
+.cke_dialog_body .cke_label
+{
+	display: none;
+}
+
+.cke_dialog_body label
+{
+	display: inline;
+	margin-bottom: auto;
+	cursor: default;
+}
+
+.cke_dialog_body label.cke_required
+{
+	font-weight: bold;
+}
+
+a.cke_smile
+{
+	overflow: hidden;
+	display: block;
+	text-align: center;
+	padding: 0.3em 0;
+}
+
+a.cke_smile img
+{
+	vertical-align: middle;
+}
+
+a.cke_specialchar
+{
+	cursor: inherit;
+	display: block;
+	height: 1.25em;
+	padding: 0.2em 0.3em;
+	text-align: center;
+}
+
+a.cke_smile,
+a.cke_specialchar
+{
+	border: 1px solid transparent;
+}
+
+a.cke_smile:hover,
+a.cke_smile:focus,
+a.cke_smile:active,
+a.cke_specialchar:hover,
+a.cke_specialchar:focus,
+a.cke_specialchar:active
+{
+	background: #fff;
+	outline: 0;
+}
+
+a.cke_smile:hover,
+a.cke_specialchar:hover
+{
+	border-color: #888;
+}
+
+a.cke_smile:focus,
+a.cke_smile:active,
+a.cke_specialchar:focus,
+a.cke_specialchar:active
+{
+	border-color: #139FF7;
+}
+
+/**
+ * Styles specific to "cellProperties" dialog.
+ */
+
+.cke_dialog_contents a.colorChooser
+{
+	display: block;
+	margin-top: 6px;
+	margin-left: 10px;
+	width: 80px;
+}
+
+.cke_rtl .cke_dialog_contents a.colorChooser
+{
+	margin-right: 10px;
+}
+
+/* Compensate focus outline for some input elements. (#6200) */
+.cke_dialog_ui_checkbox_input:focus,
+.cke_dialog_ui_radio_input:focus,
+.cke_btn_over
+{
+	outline: 1px dotted #696969;
+}
+
+.cke_iframe_shim
+{
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: -1;
+	filter: alpha(opacity = 0);
+	width: 100%;
+	height: 100%;
+}
+
+
+table.cke_dialog_contents tr:nth-child(odd), th:nth-child(odd) {
+	background-color:#fff;
+}
+table.cke_dialog_contents tr:nth-child(odd) th {
+	background-color:#fff;
+}
+table.cke_dialog_contents tr:nth-child(even) th {
+	background-color:#fff;
+}
+
+table.cke_dialog_contents tr:nth-child(odd):hover {
+		background: #fafafa;
+}
+table.cke_dialog_contents tr:nth-child(even):hover {
+		background:#fafafa;
+}
+table.cke_dialog_contents tr::nth-last-child:hover {
+		background:#fff;
+}
+table.cke_dialog_contents tr:hover {
+	background-color:#fafafa;
+	}

Admin/plugins/ckeditor/skins/office2013/editor.css

@@ -0,0 +1,66 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+editor.css
+============
+
+This is he heart of the skin system. This is the file loaded by the editor to
+style all elements inside its main interface.
+
+To make it easier to maintain, instead of including all styles here, we import
+other files.
+*/
+
+/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
+@import url("reset.css");
+
+/* Styles the main interface structure (holding box). */
+@import url("mainui.css");
+
+/* Styles all "panels", which are the floating elements that appear when
+   opening toolbar combos, menu buttons, context menus, etc. */
+@import url("panel.css");
+
+/* Styles the color panel displayed by the color buttons. */
+@import url("colorpanel.css");
+
+/* Styles to toolbar. */
+@import url("toolbar.css");
+
+/* Styles menus, which are lists of selectable items (context menu, menu button). */
+@import url("menu.css");
+
+/* Styles toolbar combos. */
+@import url("richcombo.css");
+
+/* Styles the elements path bar, available at the bottom of the editor UI.*/
+@import url("elementspath.css");
+
+/* Contains hard-coded presets for "configurable-like" options of the UI
+   (e.g. display labels on specific buttons) */
+@import url("presets.css");
+
+/* Important!
+   To avoid showing the editor UI while its styles are still not available, the
+   editor creates it with visibility:hidden. Here, we restore the UI visibility. */
+.cke_chrome
+{
+	visibility: inherit;
+}
+
+/* For accessibility purposes, several "voice labels" are present in the UI.
+   These are usually <span> elements that show not be visible, but that are
+   used by screen-readers to announce other elements. Here, we hide these
+   <spans>, in fact. */
+.cke_voice_label
+{
+	display: none;
+}
+
+legend.cke_voice_label
+{
+	display: none;
+}

Admin/plugins/ckeditor/skins/office2013/elementspath.css

@@ -0,0 +1,69 @@
+/*
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+elementspath.css (part of editor.css)
+=======================================
+
+This file styles the "Elements Path", whith is the list of element names
+present at the the bottom bar of the CKEditor interface.
+
+The following is a visual representation of its main elements:
+
++-- .cke_path ---------------------------------------------------------------+
+| +-- .cke_path_item ----+ +-- .cke_path_item ----+ +-- .cke_path_empty ---+ |
+| |                      | |                      | |                      | |
+| +----------------------+ +----------------------+ +----------------------+ |
++----------------------------------------------------------------------------+
+*/
+
+/* The box that holds the entire elements path. */
+.cke_path
+{
+	float: left;
+	margin: -2px 0 2px;
+}
+
+/* Each item of the elements path. */
+.cke_path_item,
+/* Empty element available at the end of the elements path, to help us keeping
+   the proper box size when the elements path is empty. */
+.cke_path_empty
+{
+	display: inline-block;
+	float: left;
+	padding: 3px 4px;
+	margin-right: 2px;
+	cursor: default;
+	text-decoration: none;
+	outline: 0;
+	border: 0;
+	color: #fff;
+	font-size: 11px;
+}
+
+.cke_rtl .cke_path,
+.cke_rtl .cke_path_item,
+.cke_rtl .cke_path_empty
+{
+	float: right;
+}
+
+/* The items are <a> elements, so we define its hover states here. */
+a.cke_path_item:hover,
+a.cke_path_item:focus,
+a.cke_path_item:active
+{
+	background-color: #fff;
+	color: #2B579A;
+}
+
+.cke_hc a.cke_path_item:hover,
+.cke_hc a.cke_path_item:focus,
+.cke_hc a.cke_path_item:active
+{
+	border: 2px solid;
+	padding: 1px 2px;
+}