Current oav website

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/config.rb

@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/"
+css_dir = "."
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+output_style = :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/dialog.css

@@ -0,0 +1,892 @@
+/*
+Copyright (c) 2003-2016, 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;
+}
+/* The inner boundary container. */
+.cke_dialog_body
+{
+	z-index: 1;
+	background: #eaeaea;
+	border: 1px solid #b2b2b2;
+	border-bottom-color: #999;
+	border-radius: 3px;
+	box-shadow: 0 0 3px rgba(0, 0, 0, .15);
+}
+/* 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-weight: bold;
+	font-size: 13px;
+	cursor: move;
+	position: relative;
+	color: #474747;
+	text-shadow: 0 1px 0 rgba(255,255,255,.75);
+	border-bottom: 1px solid #999;
+	padding: 6px 10px;
+	border-radius: 2px 2px 0 0;
+	box-shadow: 0 1px 0 #fff inset;
+	background: #cfd1cf;
+	background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
+}
+.cke_dialog_spinner
+{
+	border-radius: 50%;
+	width: 12px;
+	height: 12px;
+	overflow: hidden;
+	text-indent: -9999em;
+	border-top: 2px solid rgba(102, 102, 102, 0.2);
+	border-right: 2px solid rgba(102, 102, 102, 0.2);
+	border-bottom: 2px solid rgba(102, 102, 102, 0.2);
+	border-left: 2px solid rgba(102, 102, 102, 1);
+	-webkit-animation: dialog_spinner 1s infinite linear;
+	animation: dialog_spinner 1s infinite linear;
+}
+/* A GIF fallback for IE8 and IE9 which does not support CSS animations. */
+.cke_browser_ie8 .cke_dialog_spinner,
+.cke_browser_ie9 .cke_dialog_spinner
+{
+	background: url('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/images/spinner.gif') center top no-repeat;
+	width: 16px;
+	height: 16px;
+	border: 0;
+}
+@-webkit-keyframes dialog_spinner
+{
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+@keyframes dialog_spinner
+{
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+/* 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 #bfbfbf;
+	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 10px 5px 10px;
+	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;
+	outline: 1px solid #bfbfbf;
+	box-shadow: 0 1px 0 #fff inset;
+	border-radius: 0 0 2px 2px;
+	background: #cfd1cf;
+	background-image: linear-gradient(to bottom, #ebebeb, #cfd1cf);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
+}
+.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: 22px;
+}
+.cke_dialog .cke_resizer_rtl
+{
+	margin-left: 5px;
+}
+.cke_dialog .cke_resizer_ltr
+{
+	margin-right: 5px;
+}
+/*
+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: 24px;
+	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: pointer;
+	line-height: 16px;
+	outline: none;
+	color: #595959;
+	border: 1px solid #bfbfbf;
+	border-radius: 3px 3px 0 0;
+	background: #d4d4d4;
+	background-image: linear-gradient(to bottom, #fafafa, #ededed);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fafafa', endColorstr='#ededed');
+}
+.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,
+a.cke_dialog_tab:focus
+{
+	background: #ebebeb;
+	background: linear-gradient(to bottom, #ebebeb 0%,#dfdfdf 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#dfdfdf',GradientType=0 );
+}
+a.cke_dialog_tab_selected
+{
+	background: #fff;
+	color: #383838;
+	border-bottom-color: #fff;
+	cursor: default;
+	filter: none;
+}
+/* A hover state for selected tab. */
+a.cke_dialog_tab_selected:hover,
+a.cke_dialog_tab_selected:focus
+{
+	background: #ededed;
+	background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
+}
+.cke_hc a.cke_dialog_tab:hover,
+.cke_hc a.cke_dialog_tab:focus,
+.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. */
+a.cke_dialog_close_button
+{
+	background-image: url('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/images/close.png');
+	background-repeat: no-repeat;
+	background-position: 50%;
+	position: absolute;
+	cursor: pointer;
+	text-align: center;
+	height: 20px;
+	width: 20px;
+	top: 4px;
+	z-index: 5;
+	opacity: 0.8;
+	filter: alpha(opacity = 80);
+}
+.cke_dialog_close_button:hover
+{
+	opacity: 1;
+	filter: alpha(opacity = 100);
+}
+.cke_hidpi .cke_dialog_close_button
+{
+	background-image: url('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/images/hidpi/close.png');
+	background-size: 16px;
+}
+.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: 5px;
+}
+.cke_rtl .cke_dialog_close_button
+{
+	left: 6px;
+}
+.cke_dialog_close_button
+{
+	top: 4px;
+}
+/*
+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 #c9cccf;
+	border-top-color: #aeb3b9;
+	padding: 4px 6px;
+	outline: none;
+	width: 100%;
+	*width: 95%;
+	box-sizing: border-box;
+	border-radius: 3px;
+	box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
+}
+input.cke_dialog_ui_input_text:hover,
+input.cke_dialog_ui_input_password:hover,
+textarea.cke_dialog_ui_input_textarea:hover
+{
+	border: 1px solid #aeb3b9;
+	border-top-color: #a0a6ad;
+}
+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 #139ff7;
+	border-top-color: #1392e9;
+}
+/*
+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;
+	*display: inline;
+	*zoom: 1;
+	padding: 4px 0;
+	margin: 0;
+	text-align: center;
+	color: #333;
+	vertical-align: middle;
+	cursor: pointer;
+	border: 1px solid #b6b6b6;
+	border-bottom-color: #999;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
+	background: #e4e4e4;
+	background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
+}
+span.cke_dialog_ui_button
+{
+	padding: 0 10px;
+}
+a.cke_dialog_ui_button:hover
+{
+	border-color: #9e9e9e;
+	background: #ccc;
+	background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
+}
+/* 	:focus/:active styles for dialog buttons: regular and footer. */
+a.cke_dialog_ui_button:focus,
+a.cke_dialog_ui_button:active
+{
+	border-color: #969696;
+	outline: none;
+	box-shadow: 0 0 6px rgba(0,0,0,.4) inset;
+}
+.cke_hc a.cke_dialog_ui_button:hover,
+.cke_hc a.cke_dialog_ui_button:focus,
+.cke_hc a.cke_dialog_ui_button:active
+{
+	border: 3px solid;
+	padding-top: 1px;
+	padding-bottom: 1px;
+}
+.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;
+}
+*/
+/* 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;
+	font-weight: bold;
+	line-height: 18px;
+	padding: 0 12px;
+}
+/* Special class appended to the Ok button. */
+a.cke_dialog_ui_button_ok
+{
+	color: #fff;
+	text-shadow: 0 -1px 0 #55830c;
+	border-color: #62a60a #62a60a #4d9200;
+	background: #69b10b;
+	background-image: linear-gradient(to bottom, #9ad717, #69b10b);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#9ad717', endColorstr='#69b10b');
+}
+a.cke_dialog_ui_button_ok:hover
+{
+	border-color: #5b9909 #5b9909 #478500;
+	background: #88be14;
+	background: linear-gradient(to bottom, #88be14 0%,#5d9c0a 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88be14', endColorstr='#5d9c0a',GradientType=0 );
+}
+a.cke_dialog_ui_button_ok.cke_disabled {
+	border-color: #7D9F51;
+	background: #8DAD62;
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B3D271), to(#8DAD62));
+	background-image: -webkit-linear-gradient(top, #B3D271, #8DAD62);
+	background-image: -o-linear-gradient(top, #B3D271, #8DAD62);
+	background-image: linear-gradient(to bottom, #B3D271, #8DAD62);
+	background-image: -moz-linear-gradient(top, #B3D271, #8DAD62);
+	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3D271', endColorstr='#8DAD62');
+}
+a.cke_dialog_ui_button_ok.cke_disabled span {
+	color: #E0E8D1;
+}
+/* Default text shadow used for inner parts of all dialog buttons (both in dialog tabs and dialog footer). */
+a.cke_dialog_ui_button span
+{
+	text-shadow: 0 1px 0 #fff;
+}
+/* Text shadow used for inner part of OK dialog button in footer. */
+a.cke_dialog_ui_button_ok span
+{
+	text-shadow: 0 -1px 0 #55830c;
+}
+span.cke_dialog_ui_button
+{
+	cursor: pointer;
+}
+/* 	:focus/:active styles for dialog footer buttons (ok & cancel) */
+a.cke_dialog_ui_button_ok:focus,
+a.cke_dialog_ui_button_ok:active,
+a.cke_dialog_ui_button_cancel:focus,
+a.cke_dialog_ui_button_cancel:active
+{
+	border-width: 2px;
+	padding: 3px 0;
+}
+a.cke_dialog_ui_button_ok:focus,
+a.cke_dialog_ui_button_ok:active
+{
+	border-color: #568C0A;
+}
+a.cke_dialog_ui_button_ok.cke_disabled:focus,
+a.cke_dialog_ui_button_ok.cke_disabled:active
+{
+	border-color: #6F8C49;
+}
+/* 	:focus/:active styles for dialog footer buttons (ok & cancel) spans */
+a.cke_dialog_ui_button_ok:focus span,
+a.cke_dialog_ui_button_ok:active span,
+a.cke_dialog_ui_button_cancel:focus span,
+a.cke_dialog_ui_button_cancel:active span
+{
+	padding: 0 11px;	/* Thick button border must be compensated. */
+}
+/* A special container that holds the footer buttons. */
+.cke_dialog_footer_buttons
+{
+	display: inline-table;
+	margin: 5px;
+	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: 25px;
+	line-height: 25px;
+	background-color: #fff;
+	border: 1px solid #c9cccf;
+	border-top-color: #aeb3b9;
+	padding: 3px 3px 3px 6px;
+	outline: none;
+	border-radius: 3px;
+	box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
+}
+.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('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/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('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/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('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/images/lock.png');
+}
+.cke_dialog a.cke_btn_unlocked
+{
+	background-image: url('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/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('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/images/hidpi/lock.png');
+}
+.cke_hidpi .cke_dialog a.cke_btn_unlocked {
+	background-image: url('index.php?pf=dcCKEditor/js/ckeditor-skins/dotclear/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 #aeb3b9;
+	border-radius: 3px;
+}
+.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%;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_colorpanel.scss

@@ -0,0 +1,127 @@
+/*
+Copyright (c) 2003-2013, 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: #316ac5 1px solid;
+	background-color: #dff1ff;
+}
+
+/* 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;
+	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: #316ac5 1px solid;
+	background-color: #dff1ff;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_elementspath.scss

@@ -0,0 +1,60 @@
+/*
+Copyright (c) 2003-2013, 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
+{
+	margin-top: 5px;
+	float: left;
+}
+
+/* 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: 1px 4px 0;
+	color: #60676a;
+	cursor: default;
+	text-decoration: none;
+	outline: 0;
+	border: 0;
+}
+
+.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: #efefef;
+	opacity: 0.7;
+	color: #000;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_mainui.scss

@@ -0,0 +1,213 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+mainui.css (part of editor.css)
+=================================
+
+This file styles the basic structure of the CKEditor user interface - the box
+that holds everything.
+
+CKEditor offers two main editing modes. The main UI blocks that compose these
+modes are:
+
+	For "Theme UI" mode, the one most generally used:
+
+	+-- .cke_chrome ----------------------+
+	|+-- .cke_inner ---------------------+|
+	|| +-- .cke_top -------------------+ ||
+	|| |                               | ||
+	|| +-------------------------------+ ||
+	|| +-- .cke_contents --------------+ ||
+	|| |                               | ||
+	|| +-------------------------------+ ||
+	|| +-- .cke_bottom ----------------+ ||
+	|| |                               | ||
+	|| +-------------------------------+ ||
+	|+-----------------------------------+|
+	+-------------------------------------+
+
+	For "Inline Editing" mode:
+
+	+-- .cke_chrome .cke_float------------+
+	|+-- .cke_inner ---------------------+|
+	|| +-- .cke_top -------------------+ ||
+	|| |                               | ||
+	|| +-------------------------------+ ||
+	|+-----------------------------------+|
+	+-------------------------------------+
+
+Special outer level classes used in this file:
+
+	.cke_hc: Available when the editor is rendered on "High Contrast".
+
+*/
+
+/* The outer boundary of the interface. */
+.cke_chrome
+{
+	/* This is <span>, so transform it into a block.*/
+	display: block;
+
+	/* Rounded borders. */
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	border: 1px solid #D3D3D3;
+
+	/* Spacing between the outer and the inner boundaries. */
+	padding: 5px;
+}
+
+.cke_hc.cke_chrome
+{
+	/* In HC, we don't have a visible inner border so we reduce the spacing a bit.*/
+	padding: 2px;
+}
+
+/* The inner boundary of the interface. */
+.cke_inner
+{
+	/* This is <span>, so transform it into a block.*/
+	display: block;
+
+	/* Rounded borders. */
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-webkit-touch-callout: none;
+	border-radius: 5px;
+
+	/* The white-to-color gradiend we see at the top of the editor. */
+	background: #d3d3d3 url(images/sprites.png) repeat-x 0 -1950px;
+	background: -webkit-gradient(linear, 0 -15, 0 40, from(#fff), to(#d3d3d3)); /* Chrome,Safari4+ */
+	background: -moz-linear-gradient(top, #fff -15px, #d3d3d3 40px); /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #fff -15px, #d3d3d3 40px); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #fff -15px, #d3d3d3 40px); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #fff -15px, #d3d3d3 40px); /* IE10+ */
+	background: linear-gradient(top, #fff -15px, #d3d3d3 40px); /* W3C */
+
+	/* Spacing with the inner blocks. */
+	padding: 5px;
+}
+
+/* Added to the outer boundary of the UI when in inline editing,
+   when the UI is floating. */
+.cke_float
+{
+	/* Make white the space between the outer and the inner borders. */
+	background: #fff;
+}
+
+.cke_float .cke_inner
+{
+	/* As we don't have blocks following top (toolbar) we suppress the padding
+	   as the toolbar defines its own margin. */
+	padding-bottom: 0;
+}
+
+/* The "contents" block of the UI. */
+.cke_hc .cke_contents
+{
+	/* Show the editing area border in HC as we have no colors. */
+	border: 1px solid black;
+}
+
+
+/* Make the main spaces enlarge to hold potentially floated content. */
+.cke_top,
+.cke_contents,
+.cke_bottom
+{
+	/* These are <span>s, so transform them into blocks.*/
+	display: block;
+
+	/* Ideally this should be "auto", but it shows scrollbars in IE7. */
+	overflow: hidden;
+}
+
+/* Allow breaking toolbars when in a narrow editor. (#9947) */
+.cke_top
+{
+	white-space: normal;
+}
+
+/* On iOS we need to manually enable scrolling in the contents block. (#9945) */
+.cke_browser_ios .cke_contents
+{
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+/* The resizer is the small UI element that is rendered at the bottom right
+   part of the editor. It makes is possible to resize the editor UI. */
+.cke_resizer
+{
+	/* To avoid using images for the resizer, we create a small triangle,
+	   using some CSS magic. */
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	border-width: 12px 12px 0 12px;
+	border-color: transparent #EFEFEF transparent transparent;
+	border-style: dashed solid dashed dashed;	/* dashed is for HC mode */
+	margin: 10px 0 0;
+	font-size: 0;
+
+	float: right;
+	vertical-align: bottom;
+
+	cursor: se-resize;
+	opacity: 0.8;
+}
+
+.cke_resizer_ltr
+{
+	margin-left: -12px;
+}
+
+/* This class is added in RTL mode. This is a special case for the resizer
+   (usually the .cke_rtl class is used), because it may not necessarily be in
+   RTL mode if the main UI is RTL. It depends instead on the context where the
+   editor is inserted on. */
+.cke_resizer_rtl
+{
+	float: left;
+	border-color: transparent transparent transparent #EFEFEF;
+	border-style: dashed dashed dashed solid;	/* dashed is for HC mode */
+	margin-right: -12px;
+
+	cursor: sw-resize;
+}
+
+/* For now, we avoid showing the resizer on HC becuase it can't be rendered
+   properly. */
+.cke_hc .cke_resizer
+{
+	width: 10px;
+	height: 10px;
+	border: 1px solid #fff;
+	margin-left: 0;
+}
+
+.cke_hc .cke_resizer_rtl
+{
+	margin-right: 0;
+}
+
+/* The editing area (where users type) can be rendered as an editable <div>
+   element (e.g. divarea plugin). In that case, this is the class applied to
+   that element. */
+.cke_wysiwyg_div
+{
+	display: block;
+	height: 100%;
+	overflow: auto;
+	padding: 0 8px;
+	outline-style: none;
+
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_menu.scss

@@ -0,0 +1,208 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+menu.css (part of editor.css)
+===============================
+
+This file styles menus used in the editor UI. These menus are the list of
+options available inside some "floating panels", like menu buttons of the
+toolbar or the context menu.
+
+Note that the menu itself doesn't include the floating element that holds it.
+That element is styles in the panel.css file.
+
+The following is a visual representation of the main elements of a menu:
+
++-- .cke_menu -----------------+
+| +-- .cke_menuitem  --------+ |
+| | +-- .cke_menubutton ---+ | |
+| | |                      | | |
+| | +----------------------+ | |
+| +--------------------------+ |
+| +-- .cke_menuseparator ----+ |
+| ...                          |
++------------------------------+
+
+This is the .cke_menubutton structure:
+(Note that the menu button icon shares with toolbar button the common class .cke_button_icon to achieve the same outlook.)
+
++-- .cke_menubutton -------------------------------------------------------------------------+
+| +-- .cke_menubutton_inner ---------------------------------------------------------------+ |
+| | +-- .cke_menubutton_icon ---+ +-- .cke_menubutton_label --+ +-- .cke_cke_menuarrow --+ | |
+| | | +-- .cke_button_icon ---+ | |                           | |                        | | |
+| | | |                       | | |                           | |                        | | |
+| | | +-----------------------+ | |                           | |                        | | |
+| | +---------------------------+ +---------------------------+ +------------------------+ | |
+| +----------------------------------------------------------------------------------------+ |
++--------------------------------------------------------------------------------------------+
+
+Special outer level classes used in this file:
+
+	.cke_hc: Available when the editor is rendered on "High Contrast".
+	.cke_rtl: Available when the editor UI is on RTL.
+*/
+
+/* .cke_menuitem is the element that holds the entire structure of each of the
+   menu items. */
+
+.cke_menubutton
+{
+	/* The "button" inside a menu item is a <a> element.
+	   Transforms it into a block. */
+	display:block;
+}
+
+.cke_menuitem span
+{
+	/* Avoid the text selection cursor inside menu items. */
+	cursor: default;
+}
+
+.cke_menubutton:hover,
+.cke_menubutton:focus,
+.cke_menubutton:active
+{
+	background-color: #D3D3D3;
+	display:block;
+}
+
+.cke_hc .cke_menubutton:hover,
+.cke_hc .cke_menubutton:focus,
+.cke_hc .cke_menubutton:active
+{
+	border: 2px solid;
+}
+
+.cke_menubutton_inner {
+	display: table-row;
+}
+
+.cke_menubutton_icon,
+.cke_menubutton_label,
+.cke_menuarrow {
+	display: table-cell;
+}
+
+/* The menu item icon. */
+.cke_menubutton_icon
+{
+	background-color: #D3D3D3;
+	opacity: 0.70; /* Safari, Opera and Mozilla */
+	filter: alpha(opacity=70); /* IE */
+	padding: 4px;
+}
+
+.cke_hc .cke_menubutton_icon
+{
+	height: 16px;
+	width: 0;
+	padding: 4px 0;
+}
+
+.cke_menubutton:hover .cke_menubutton_icon,
+.cke_menubutton:focus .cke_menubutton_icon,
+.cke_menubutton:active .cke_menubutton_icon
+{
+	background-color: #9d9d9d;
+}
+
+.cke_menubutton_disabled:hover .cke_menubutton_icon,
+.cke_menubutton_disabled:focus .cke_menubutton_icon,
+.cke_menubutton_disabled:active .cke_menubutton_icon
+{
+	/* The icon will get opacity as well when hovered. */
+	opacity: 0.3;
+	filter: alpha(opacity=30);
+}
+
+/* The textual part of each menu item. */
+.cke_menubutton_label
+{
+	padding: 0 5px;
+	background-color: transparent;
+	width: 100%;
+	vertical-align: middle;
+}
+
+.cke_menubutton_disabled .cke_menubutton_label
+{
+	/* Greyed label text indicates a disabled menu item. */
+	opacity: 0.3;
+	filter: alpha(opacity=30);
+}
+
+.cke_menubutton_on
+{
+	border: 1px solid #ccc;
+	background-color: #e9f5ff;
+}
+
+.cke_menubutton_on .cke_menubutton_icon
+{
+	padding-right: 3px;
+}
+
+.cke_menubutton:hover,
+.cke_menubutton:focus,
+.cke_menubutton:active
+{
+	background-color: #D3D3D3;
+}
+
+.cke_menubutton_on:hover,
+.cke_menubutton_on:focus,
+.cke_menubutton_on:active
+{
+	border-color: #316ac5;
+	background-color: #dff1ff;
+}
+
+.cke_panel_frame .cke_menubutton_label
+{
+	display: none;
+}
+
+/* The separator used to separate menu item groups. */
+.cke_menuseparator
+{
+	background-color: #D3D3D3;
+	height: 2px;
+	filter: alpha(opacity=70); /* IE */
+	opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+/* The small arrow shown for item with sub-menus. */
+.cke_menuarrow
+{
+	/* arrowright.gif*/
+	background-image: url(images/sprites.png);
+	background-position: 0 -1400px;
+	background-repeat: no-repeat;
+	padding: 0 5px;
+}
+
+.cke_rtl .cke_menuarrow
+{
+	/* arrowleft.gif*/
+	background-image: url(images/sprites.png);
+	background-position: 7px -1380px;
+	background-repeat: no-repeat;
+}
+
+.cke_menuarrow span
+{
+	display: none;
+}
+
+.cke_hc .cke_menuarrow
+{
+}
+
+.cke_hc .cke_menuarrow span
+{
+	vertical-align: middle;
+	display: inline;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_panel.scss

@@ -0,0 +1,224 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+panel.css (part of editor.css)
+================================
+
+Panels are floating elements that can hold different types of contents.
+The following are common uses of it:
+
+	- The element that toolbar combos display when opening them.
+	- The context menu.
+	- The list of items displayed by "menu buttons" (e.g. scayt).
+	- The panel shown when opening "panel buttons" (e.g. color buttons).
+
+Panel contents are wrapped into an iframe, so it is possible to have additional
+CSS loaded inside them (e.g. to have more accurate preview on the styles combo).
+
+The following is a visual representation of the outer elements of a panel:
+
++-- .cke_panel(*) ---------------------+
+| +-- IFRAME.cke_panel_frame --------+ |
+| | +-- HTML.cke_panel_container --+ | |
+| | | +-- .cke_panel_block ------+ | | |
+| | | |                          | | | |
+| | | |     (contents here)      | | | |
+| | | |                          | | | |
+| | | +--------------------------+ | | |
+| | +------------------------------+ | |
+| +----------------------------------+ |
++--------------------------------------+
+
+(*) All kinds of panel share the above structure. Menu panels adds the
+    .cke_menu_panel class to the outer element, while toolbar combos add the
+	.cke_combopanel class.
+
+This file also defines styles for panel lists (used by combos). For menu-like
+panel contents and color panels check menu.css and colorpanel.css.
+*/
+
+/* The box that holds an IFRAME. It's inserted into a host document and positioned
+   absolutely by the application. It floats above the host document/editor. */
+.cke_panel
+{
+	/* Restore the loading hide */
+	visibility: visible;
+
+	border: 1px solid #8f8f73;
+	background-color: #fff;
+
+	width: 120px;
+	height: 100px;
+
+	overflow: hidden;
+
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+
+/* This class represents panels which are used as context menus. */
+.cke_menu_panel
+{
+	padding: 2px;
+	margin: 0;
+}
+
+/* This class represents panels which are used by rich combos. */
+.cke_combopanel
+{
+	border: 1px solid #8f8f73;
+	-moz-border-radius-topleft: 0;
+	-webkit-border-top-left-radius: 0;
+	border-top-left-radius: 0;
+	width: 150px;
+    height: 170px;
+}
+
+/* The IFRAME the panel is wrapped into. */
+.cke_panel_frame
+{
+	width: 100%;
+	height: 100%;
+
+	/* Font */
+	font-family: Arial, Verdana, sans-serif;
+	font-size: 12px;
+
+	overflow: auto;
+	overflow-x: hidden;
+}
+
+/* The HTML document which is a direct descendant of the IFRAME */
+.cke_panel_container
+{
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+/*
+Here we start the definition of panel lists (e.g. combo panels). The following
+is its visual representation:
+
++-- .cke_panel_block -----------------+
+| +-- .cke_panel_grouptitle --------+ |
+| |                                 | |
+| +---------------------------------+ |
+| +-- .cke_panel_list --------------+ |
+| | +-- .cke_panel_listItem ------+ | |
+| | | +-- a --------------------+ | | |
+| | | | +-- span -------------+ | | | |
+| | | | |                     | | | | |
+| | | | +---------------------+ | | | |
+| | | +-------------------------+ | | |
+| | +-----------------------------+ | |
+| | +-- .cke_panel_listItem ------+ | |
+| | | +-- a --------------------+ | | |
+| | | | +-- span -------------+ | | | |
+| | | | |                     | | | | |
+| | | | +---------------------+ | | | |
+| | | +-------------------------+ | | |
+| | +-----------------------------+ | |
+| | ...                             | |
+| +---------------------------------+ |
++-------------------------------------+
+*/
+
+
+/* The list of panel items. */
+.cke_panel_list
+{
+	list-style-type: none;
+	margin: 3px;
+	padding: 0px;
+	white-space: nowrap;
+}
+
+/* The item of .cke_panel_list */
+.cke_panel_listItem
+{
+	margin: 0px;
+}
+
+/* The child of .cke_panel_listItem. These elements contain spans which are
+   to display a real name of the property which is visible for an end-user. */
+.cke_panel_listItem a
+{
+	padding: 2px;
+	display: block;
+	border: 1px solid #fff;
+	color: inherit !important;
+	text-decoration: none;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+/* IE6 */
+* html .cke_panel_listItem a
+{
+	width : 100%;
+
+	/* IE is not able to inherit the color, so we must force it to black */
+	color: #000;
+}
+
+/* IE7 */
+*:first-child+html .cke_panel_listItem a
+{
+	/* IE is not able to inherit the color, so we must force it to black */
+	color: #000;
+}
+
+.cke_panel_listItem.cke_selected a
+{
+	border: 1px solid #ccc;
+	background-color: #e9f5ff;
+}
+
+.cke_panel_listItem a:hover,
+.cke_panel_listItem a:focus,
+.cke_panel_listItem a:active
+{
+	border-color: #316ac5;
+	background-color: #dff1ff;
+}
+
+.cke_hc .cke_panel_listItem.cke_selected a,
+.cke_hc .cke_panel_listItem a:hover,
+.cke_hc .cke_panel_listItem a:focus,
+.cke_hc .cke_panel_listItem a:active
+{
+	border-width: 3px;
+	padding: 0px;
+}
+
+/* The title of the entire panel which is visible on top of the list. */
+.cke_panel_grouptitle
+{
+	font-size: 11px;
+	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+	font-weight: bold;
+	white-space: nowrap;
+	background-color: #dcdcdc;
+	color: #000;
+	margin:0px;
+	padding:3px;
+}
+
+/* The following styles set defaults of the elements used by the Paragraph
+   Format panel. */
+.cke_panel_listItem p,
+.cke_panel_listItem h1,
+.cke_panel_listItem h2,
+.cke_panel_listItem h3,
+.cke_panel_listItem h4,
+.cke_panel_listItem h5,
+.cke_panel_listItem h6,
+.cke_panel_listItem pre
+{
+	margin-top: 3px;
+	margin-bottom: 3px;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_presets.scss

@@ -0,0 +1,37 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/* "Source" button label */
+.cke_button__source_label,
+.cke_button__sourcedialog_label
+{
+	display: inline;
+}
+
+/* "Font Size" combo width */
+.cke_combo__fontsize .cke_combo_text
+{
+	width: 30px;
+}
+
+/* "Font Size" panel size */
+.cke_combopanel__fontsize
+{
+	width: 120px;
+}
+
+/* Editable regions */
+.cke_source
+{
+	font-family: 'Courier New' , Monospace;
+	font-size: small;
+	background-color: #fff;
+	white-space: pre;
+}
+
+.cke_wysiwyg_frame, .cke_wysiwyg_div
+{
+	background-color: #fff;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_reset.scss

@@ -0,0 +1,119 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+reset.css (part of editor.css)
+================================
+
+This file holds the "reset" requirements of CKEditor, as well as define the
+default interface styles.
+
+CKEditor includes two main "reset" class names in the DOM structure created for
+editors:
+
+	* .cke_reset: Intended to reset a specific element, but not its children.
+	  Because of this, only styles that will not be inherited can be defined.
+
+	* .cke_reset_all: Intended to reset not only the element holding it, but
+	   also its child elements.
+
+To understand why "reset" is needed, check the CKEditor Skin SDK:
+http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Reset
+*/
+
+/* Reset for single elements, not their children. */
+.cke_reset
+{
+	/* Do not include inheritable rules here. */
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	text-decoration: none;
+	width: auto;
+	height: auto;
+	vertical-align: baseline;
+	box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	-webkit-box-sizing: content-box;
+	position: static;
+	-webkit-transition: none;
+	-moz-transition: none;
+	-ms-transition: none;
+	transition: none;
+}
+
+/* Reset for elements and their children. */
+.cke_reset_all, .cke_reset_all *
+{
+	/* The following must be identical to .cke_reset. */
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	text-decoration: none;
+	width: auto;
+	height: auto;
+	vertical-align: baseline;
+	box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	-webkit-box-sizing: content-box;
+	position: static;
+	-webkit-transition: none;
+	-moz-transition: none;
+	-ms-transition: none;
+	transition: none;
+
+	/* These are rule inherited by all children elements. */
+	border-collapse: collapse;
+	font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
+	color: #000;
+    text-align: left;
+	white-space: nowrap;
+	cursor: auto;
+}
+
+.cke_reset_all .cke_rtl *
+{
+	text-align: right;
+}
+
+/* Defaults for some elements. */
+
+.cke_reset_all iframe
+{
+	vertical-align: inherit;	/** For IE */
+}
+
+.cke_reset_all textarea
+{
+	white-space: pre;
+}
+
+.cke_reset_all textarea,
+.cke_reset_all input[type="text"],
+.cke_reset_all input[type="password"]
+{
+	cursor: text;
+}
+
+.cke_reset_all textarea[disabled],
+.cke_reset_all input[type="text"][disabled],
+.cke_reset_all input[type="password"][disabled]
+{
+	cursor: default;
+}
+
+.cke_reset_all fieldset
+{
+	padding: 10px;
+	border: 2px groove #E0DFE3;
+}
+
+.cke_reset_all select {
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_richcombo.scss

@@ -0,0 +1,182 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+richcombo.css (part of editor.css)
+=================================
+
+This file holds the style set of the "Rich Combo" widget which is commonly used
+in the toolbar. It doesn't, however, styles the panel that is displayed when
+clicking on the combo, which is instead styled by panel.css.
+
+The visual representation of a rich combo widget looks as follows:
+
++-- .cke_combo----------------------------------------------------------------------+
+| +-- .cke_combo_label --+ +-- .cke_combo_button ---------------------------------+ |
+| |                      | | +-- .cke_combo_text --+ +-- .cke_combo_open -------+ | |
+| |                      | | |                     | | +-- .cke_combo_arrow --+ | | |
+| |                      | | |                     | | |                      | | | |
+| |                      | | |                     | | +----------------------+ | | |
+| |                      | | +---------------------+ +--------------------------+ | |
+| +----------------------+ +------------------------------------------------------+ |
++-----------------------------------------------------------------------------------+
+*/
+
+/* The box that hold the entire combo widget */
+.cke_combo
+{
+	display: inline-block;
+	float: left;
+}
+
+.cke_rtl .cke_combo
+{
+	float: right;
+}
+
+/* The label of the combo widget. It is invisible by default, yet
+   it's important for semantics and accessibility. */
+.cke_combo_label
+{
+	display: none;
+	float: left;
+	line-height: 26px;
+	vertical-align: top;
+	margin-right: 5px;
+	filter: alpha(opacity = 70); /* IE */
+	opacity: 0.7; /* Safari, Opera and Mozilla */
+}
+
+.cke_rtl .cke_combo_label
+{
+	float: right;
+	margin-left: 5px;
+	margin-right: 0;
+}
+
+/* The container for combo text and arrow. */
+.cke_combo_button
+{
+	display: inline-block;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	background: url(images/sprites.png) 0 -100px repeat-x;	/* For backwards compatibility. */
+	float: left;
+	padding: 2px 4px 2px 6px;
+	height: 22px;
+	margin: 0 5px 5px 0;
+
+	background: -moz-linear-gradient(bottom, #fff, #d3d3d3 100px);
+	background: -webkit-gradient(linear, left bottom, left -100, from(#fff), to(#d3d3d3));
+}
+
+/* Different states of the container. */
+.cke_combo_off .cke_combo_button:hover,
+.cke_combo_off .cke_combo_button:focus,
+.cke_combo_off .cke_combo_button:active
+{
+	background: #DFF1FF;
+	outline: none;
+}
+
+.cke_rtl .cke_combo_button
+{
+	float: right;
+	margin-left: 5px;
+	margin-right: 0;
+}
+
+/* A basic support for the high-contrast mode to enhance the readability. */
+.cke_hc .cke_combo_button
+{
+	border: 1px solid black;
+	padding: 1px 3px 1px 3px;
+}
+
+.cke_hc .cke_rtl .cke_combo_button
+{
+	border: 1px solid black;
+}
+
+/* The label that shows the current value of the rich combo.
+   By default, it holds the name of the property.
+   See: .cke_combo_inlinelabel */
+.cke_combo_text
+{
+	line-height: 24px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	color: #666666;
+	float: left;
+	cursor: default;
+	width: 60px;
+}
+
+.cke_rtl .cke_combo_text
+{
+	float: right;
+	text-align: right;
+}
+
+/* The label of the combo whose value hasn't been changed (it's default).
+   It displays the name of the property the combo is responsible for. */
+.cke_combo_inlinelabel
+{
+	font-style: italic;
+	opacity: 0.70;
+}
+
+.cke_combo_off .cke_combo_button:hover .cke_combo_inlinelabel,
+.cke_combo_off .cke_combo_button:active .cke_combo_inlinelabel,
+.cke_combo_off .cke_combo_button:focus .cke_combo_inlinelabel
+{
+	opacity: 1;
+}
+
+/* The handler which opens the panel of rich combo properties.
+   It holds an arrow as a visual indicator. */
+.cke_combo_open
+{
+    cursor: default;
+    display: inline-block;
+    font-size: 0;
+    height: 19px;
+    line-height: 17px;
+    margin: 1px 3px;
+    width: 5px;
+}
+
+/* The arrow which is displayed inside of the .cke_combo_open handler. */
+.cke_combo_arrow
+{
+	margin: 9px 0 0;
+	float: left;
+	opacity: 0.70;
+
+	/* Pure CSS Arrow */
+	height: 0;
+	width: 0;
+	font-size: 0;
+	border-left: 3px solid transparent;
+	border-right: 3px solid transparent;
+	border-top: 3px solid #2f2f2f;
+}
+
+.cke_hc .cke_combo_arrow
+{
+	font-size: 10px;
+	width: auto;
+	border: 0;
+	margin-top: 4px;
+}
+
+/* Disabled combo button styles. */
+.cke_combo_disabled .cke_combo_inlinelabel,
+.cke_combo_disabled .cke_combo_open
+{
+	opacity: 0.3;
+}
+

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/_toolbar.scss

@@ -0,0 +1,366 @@
+/*
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+/*
+toolbar.css (part of editor.css)
+==================================
+
+This files styles the CKEditor toolbar and its buttons. For toolbar combo
+styles, check richcombo.css.
+
+The toolbar is rendered as a big container (called toolbox), which contains
+smaller "toolbars". Each toolbar represents a group of items that cannot be
+separated. The following is the visual representation of the toolbox.
+
++-- .cke_toolbox ----------------------------------------------------------+
+| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ... +-- .cke_toolbar_break --+ |
+| |                  | |                  |     |                        | |
+| +------------------+ +------------------+     +------------------------+ |
+| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ...                            |
+| |                  | |                  |                                |
+| +------------------+ +------------------+                                |
++--------------------------------------------------------------------------+
+
+The following instead is the visual representation of a single toolbar:
+
++-- .cke_toolbar ----------------------------------------------------------------+
+| +-- .cke_toolbar_start --+ +-- .cke_toolgroup (*) --+ +-- .cke_toolbar_end --+ |
+| |                        | |                        | |                      | |
+| +------------------------+ +------------------------+ +----------------------+ |
++--------------------------------------------------------------------------------+
+(*) .cke_toolgroup is available only when the toolbar items can be grouped
+    (buttons). If the items can't be group (combos), this box is not available
+	and the items are rendered straight in that place.
+
+This file also styles toolbar buttons, which are rendered inside the above
+.cke_toolgroup containers. This is the visual representation of a button:
+
++-- .cke_button -------------------------------------+
+| +-- .cke_button_icon --+ +-- .cke_button_label --+ |
+| |                      | |                       | |
+| +----------------------+ +-----------------------+ |
++----------------------------------------------------+
+
+Special outer level classes used in this file:
+
+	.cke_hc: Available when the editor is rendered on "High Contrast".
+	.cke_rtl: Available when the editor UI is on RTL.
+*/
+
+/* The box that holds each toolbar. */
+.cke_toolbar
+{
+	float: left;
+}
+
+.cke_rtl .cke_toolbar
+{
+	float: right;
+}
+
+/* The box that holds buttons. */
+.cke_toolgroup
+{
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+	float: left;
+	margin: 0 6px 5px 0;
+	padding: 2px;
+	background: url(images/sprites.png) repeat-x 0 -500px;
+
+	background: -webkit-gradient(linear, 0 0, 0 100, from(#fff), to(#d3d3d3)); /* Chrome,Safari4+ */
+	background: -moz-linear-gradient(top, #fff, #d3d3d3 100px); /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #fff, #d3d3d3 100px); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #fff, #d3d3d3 100px); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #fff, #d3d3d3 100px); /* IE10+ */
+	background: linear-gradient(top, #fff, #d3d3d3 100px); /* W3C */
+}
+
+.cke_hc .cke_toolgroup
+{
+	padding-right: 0;
+	margin-right: 4px;
+}
+
+.cke_rtl .cke_toolgroup
+{
+	float: right;
+	margin-left: 6px;
+	margin-right: 0;
+}
+
+.cke_rtl.cke_hc .cke_toolgroup
+{
+	padding-left: 0;
+	margin-left: 4px;
+}
+
+/* A toolbar button . */
+a.cke_button
+{
+	display: inline-block;
+	height: 18px;
+	padding: 2px 4px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	outline: none;
+	cursor: default;
+	float: left;
+	border: 0;
+}
+
+.cke_rtl .cke_button
+{
+	float: right;
+}
+
+.cke_hc .cke_button
+{
+	border: 1px solid black;
+
+	/* Compensate the added border */
+	padding: 3px 5px;
+	margin: -2px 4px 0 -2px;
+}
+
+.cke_rtl.cke_hc .cke_button
+{
+	margin: -2px -2px 0 4px;
+}
+
+/* This class is applied to the button when it is "active" (pushed).
+   This style indicates that the feature associated with the button is active
+   i.e. currently writing in bold or when spell checking is enabled. */
+.cke_button_on
+{
+	background-color: #a3d7ff;
+}
+
+.cke_hc .cke_button_on
+{
+	border-width: 3px;
+
+	/* Compensate the border change */
+	padding: 1px 3px;
+}
+
+/* This class is applied to the button when the feature associated with the
+   button is available but currently not active.*/
+.cke_button_off
+{
+	opacity: 0.7;
+}
+
+/* This class is applied to the button when the feature associated with the
+   button cannot be used (grayed-out).
+   i.e. paste button remains disabled when there is nothing in the clipboard to
+   be pasted. */
+.cke_button_disabled
+{
+	opacity: 0.3;
+}
+
+a.cke_button_on:hover,
+a.cke_button_on:focus,
+a.cke_button_on:active
+{
+	background-color: #86caff;
+}
+
+.cke_hc a.cke_button:hover
+{
+	background: black;
+}
+
+a.cke_button_off:hover,
+a.cke_button_off:focus,
+a.cke_button_off:active
+{
+	background-color: #dff1ff;
+	opacity: 1;
+}
+
+/* The icon which is a visual representation of the button. */
+.cke_button_icon
+{
+	cursor: inherit;
+	background-repeat: no-repeat;
+	margin-top: 1px;
+	width: 16px;
+	height: 16px;
+	float: left;
+	display: inline-block;
+}
+
+.cke_rtl .cke_button_icon
+{
+	float: right;
+}
+
+.cke_hc .cke_button_icon
+{
+	display: none;
+}
+
+/* The label of the button that stores the name of the feature. By default,
+   labels are invisible. They can be revealed on demand though. */
+.cke_button_label
+{
+	display: none;
+	padding-left: 3px;
+	margin-top: 1px;
+	line-height: 16px;
+	vertical-align: middle;
+	float: left;
+	cursor: default;
+}
+
+.cke_hc .cke_button_label
+{
+	padding: 0;
+	display: inline-block;
+}
+
+.cke_rtl .cke_button_label
+{
+	padding-right: 3px;
+	padding-left: 0;
+	float: right;
+}
+
+/* The small arrow available on buttons that can be expanded
+   (e.g. the color buttons). */
+.cke_button_arrow
+{
+	/* Arrow in CSS */
+	display: inline-block;
+	margin: 7px 0 0 1px;
+	width: 0;
+	height: 0;
+	border-width: 3px;
+	border-color: #2f2f2f transparent transparent transparent;
+	border-style: solid dashed dashed dashed;
+	cursor: default;
+	vertical-align: middle;
+}
+
+.cke_rtl .cke_button_arrow
+{
+	margin-right: 5px;
+	margin-left: 0;
+}
+
+.cke_hc .cke_button_arrow
+{
+	font-size: 10px;
+	margin: 0 -2px 0 3px;
+	width: auto;
+	border: 0;
+}
+
+.cke_rtl.cke_hc .cke_button_arrow
+{
+	margin: 0 3px 0 -2px;
+}
+
+/* The vertical separator which is used within a single toolbar to split
+   buttons into sub-groups. */
+.cke_toolbar_separator
+{
+	float: left;
+	border-left: solid 1px #D3D3D3;
+	margin: 3px 2px 0;
+	height: 16px;
+}
+
+.cke_rtl .cke_toolbar_separator
+{
+	border-right: solid 1px #D3D3D3;
+	border-left: 0;
+	float: right;
+}
+
+.cke_hc .cke_toolbar_separator
+{
+	margin-left: 0;
+	width: 3px;
+}
+
+.cke_rtl.cke_hc .cke_toolbar_separator
+{
+	margin:3px 0 0 2px;
+}
+
+/* The dummy element that breaks toolbars.
+   Once it is placed, the very next toolbar is moved to the new row. */
+.cke_toolbar_break
+{
+	display: block;
+	clear: left;
+}
+
+.cke_rtl .cke_toolbar_break
+{
+	clear: right;
+}
+
+/* The button, which when clicked hides (collapses) all the toolbars. */
+.cke_toolbox_collapser
+{
+	width: 12px;
+	height: 11px;
+	float: right;
+	border: 1px outset #d3d3d3;
+	margin: 11px 0 0;
+	font-size: 0;
+	cursor: default;
+	text-align: center;
+}
+
+.cke_toolbox_collapser.cke_toolbox_collapser_min
+{
+	margin: 0 2px 4px;
+}
+
+.cke_rtl .cke_toolbox_collapser
+{
+	float: left;
+}
+
+.cke_hc .cke_toolbox_collapser
+{
+	border-width: 1px;
+}
+
+/* The CSS arrow, which belongs to the toolbar collapser. */
+.cke_toolbox_collapser .cke_arrow
+{
+	display: inline-block;
+
+	/* Pure CSS Arrow */
+	height: 0;
+	width: 0;
+	font-size: 0;
+	border-width: 3px;
+	border-style: solid;
+	border-color: transparent transparent #2f2f2f;
+}
+
+.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
+{
+	margin: 4px 2px 0 0;
+	border-color: #2f2f2f transparent transparent;
+}
+
+.cke_hc .cke_toolbox_collapser .cke_arrow
+{
+	font-size: 8px;
+	width: auto;
+	border: 0;
+	margin-top: 0;
+	margin-right: 2px;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/sass/editor.scss

@@ -0,0 +1,22 @@
+@import "reset";
+@import "mainui";
+@import "panel";
+@import "colorpanel";
+@import "toolbar";
+@import "menu";
+@import "richcombo";
+@import "elementspath";
+@import "presets";
+
+.cke_chrome {
+    visibility: inherit;
+}
+
+.cke_voice_label, legend.cke_voice_label {
+  display: none;
+}
+
+// bug in firefox : https://support.mozilla.org/fr/questions/1050264
+.cke_browser_gecko .cke_contents textarea {
+    white-space: pre-wrap !important;
+}

dotclear._no/plugins/dcCKEditor/js/ckeditor-skins/dotclear/skin.js

@@ -0,0 +1 @@
+'use strict';CKEDITOR.skin.name='dotclear';CKEDITOR.skin.ua_editor='ie,iequirks,ie7,ie8';CKEDITOR.skin.ua_dialog='ie,iequirks,ie7,ie8,opera';