mirror of
https://github.com/UnickSoft/graphonline.git
synced 2026-06-17 06:11:37 +00:00
first commit
This commit is contained in:
/usr/bin/nano
Executable
+127
@@ -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: #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;
|
||||
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: #b6b6b6 1px solid;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Executable
+2106
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 227 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Executable
+2442
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 234 KiB |
Executable
+139
@@ -0,0 +1,139 @@
|
||||
{
|
||||
"0": [
|
||||
[
|
||||
"plugins/sourcearea/icons/source.png",
|
||||
"plugins/sourcedialog/icons/sourcedialog.png"
|
||||
],
|
||||
[
|
||||
"plugins/sourcearea/icons/source-rtl.png",
|
||||
"plugins/sourcedialog/icons/sourcedialog-rtl.png"
|
||||
],
|
||||
"plugins/save/icons/save.png",
|
||||
"plugins/newpage/icons/newpage.png",
|
||||
"plugins/newpage/icons/newpage-rtl.png",
|
||||
"plugins/preview/icons/preview.png",
|
||||
"plugins/preview/icons/preview-rtl.png",
|
||||
"plugins/print/icons/print.png",
|
||||
[
|
||||
"plugins/templates/icons/templates.png",
|
||||
"plugins/templates/icons/templates-rtl.png"
|
||||
],
|
||||
"plugins/docprops/icons/docprops.png",
|
||||
"plugins/docprops/icons/docprops-rtl.png"
|
||||
],
|
||||
"1": [
|
||||
[
|
||||
"plugins/clipboard/icons/cut-rtl.png",
|
||||
"plugins/clipboard/icons/cut.png"
|
||||
],
|
||||
[
|
||||
"plugins/clipboard/icons/copy.png",
|
||||
"plugins/clipboard/icons/copy-rtl.png"
|
||||
],
|
||||
[
|
||||
"plugins/clipboard/icons/paste.png",
|
||||
"plugins/clipboard/icons/paste-rtl.png"
|
||||
],
|
||||
"plugins/pastetext/icons/pastetext.png",
|
||||
"plugins/pastetext/icons/pastetext-rtl.png",
|
||||
"plugins/pastefromword/icons/pastefromword.png",
|
||||
"plugins/pastefromword/icons/pastefromword-rtl.png",
|
||||
"plugins/undo/icons/undo.png",
|
||||
"plugins/undo/icons/undo-rtl.png",
|
||||
"plugins/undo/icons/redo.png",
|
||||
"plugins/undo/icons/redo-rtl.png"
|
||||
],
|
||||
"2": [
|
||||
[
|
||||
"plugins/find/icons/find-rtl.png",
|
||||
"plugins/find/icons/find.png"
|
||||
],
|
||||
"plugins/find/icons/replace.png",
|
||||
"plugins/selectall/icons/selectall.png",
|
||||
[
|
||||
"plugins/wsc/icons/spellchecker.png",
|
||||
"plugins/scayt/icons/scayt.png"
|
||||
]
|
||||
],
|
||||
"3": [
|
||||
"plugins/forms/icons/form.png",
|
||||
"plugins/forms/icons/checkbox.png",
|
||||
"plugins/forms/icons/radio.png",
|
||||
[
|
||||
"plugins/forms/icons/textfield-rtl.png",
|
||||
"plugins/forms/icons/textfield.png"
|
||||
],
|
||||
"plugins/forms/icons/textarea.png",
|
||||
"plugins/forms/icons/textarea-rtl.png",
|
||||
"plugins/forms/icons/select.png",
|
||||
"plugins/forms/icons/select-rtl.png",
|
||||
"plugins/forms/icons/button.png",
|
||||
"plugins/forms/icons/imagebutton.png",
|
||||
"plugins/forms/icons/hiddenfield.png"
|
||||
],
|
||||
"4": [
|
||||
"plugins/basicstyles/icons/bold.png",
|
||||
"plugins/basicstyles/icons/italic.png",
|
||||
"plugins/basicstyles/icons/underline.png",
|
||||
"plugins/basicstyles/icons/strike.png",
|
||||
"plugins/basicstyles/icons/superscript.png",
|
||||
"plugins/basicstyles/icons/subscript.png",
|
||||
"plugins/removeformat/icons/removeformat.png"
|
||||
],
|
||||
"5": [
|
||||
"plugins/list/icons/numberedlist.png",
|
||||
"plugins/list/icons/numberedlist-rtl.png",
|
||||
"plugins/list/icons/bulletedlist.png",
|
||||
"plugins/list/icons/bulletedlist-rtl.png",
|
||||
"plugins/indent/icons/outdent.png",
|
||||
"plugins/indent/icons/indent.png",
|
||||
"plugins/indent/icons/indent-rtl.png",
|
||||
"plugins/indent/icons/outdent-rtl.png",
|
||||
"plugins/blockquote/icons/blockquote.png",
|
||||
"plugins/div/icons/creatediv.png",
|
||||
"plugins/justify/icons/justifyleft.png",
|
||||
"plugins/justify/icons/justifycenter.png",
|
||||
"plugins/justify/icons/justifyright.png",
|
||||
"plugins/justify/icons/justifyblock.png",
|
||||
"plugins/bidi/icons/bidiltr.png",
|
||||
"plugins/bidi/icons/bidirtl.png"
|
||||
],
|
||||
"6": [
|
||||
"plugins/link/icons/link.png",
|
||||
"plugins/link/icons/unlink.png",
|
||||
"plugins/link/icons/anchor.png",
|
||||
"plugins/link/icons/anchor-rtl.png"
|
||||
],
|
||||
"7": [
|
||||
"plugins/image/icons/image.png",
|
||||
"plugins/flash/icons/flash.png",
|
||||
"plugins/table/icons/table.png",
|
||||
"plugins/horizontalrule/icons/horizontalrule.png",
|
||||
"plugins/smiley/icons/smiley.png",
|
||||
"plugins/specialchar/icons/specialchar.png",
|
||||
"plugins/pagebreak/icons/pagebreak.png",
|
||||
"plugins/pagebreak/icons/pagebreak-rtl.png",
|
||||
"plugins/iframe/icons/iframe.png"
|
||||
],
|
||||
"8": [
|
||||
"plugins/colorbutton/icons/textcolor.png",
|
||||
"plugins/colorbutton/icons/bgcolor.png"
|
||||
],
|
||||
"9": [
|
||||
"plugins/maximize/icons/maximize.png",
|
||||
"plugins/showblocks/icons/showblocks.png",
|
||||
"plugins/showblocks/icons/showblocks-rtl.png"
|
||||
],
|
||||
"10": [
|
||||
"plugins/about/icons/about.png",
|
||||
"plugins/uicolor/icons/uicolor.png",
|
||||
"plugins/placeholder/icons/placeholder.png"
|
||||
],
|
||||
"11": [
|
||||
"plugins/link/images/anchor.png",
|
||||
"skins/moono/images/close.png",
|
||||
"skins/moono/images/lock.png",
|
||||
"skins/moono/images/lock-open.png",
|
||||
"skins/moono/images/refresh.png"
|
||||
]
|
||||
}
|
||||
Executable
+1066
File diff suppressed because it is too large
Load Diff
Executable
+62
@@ -0,0 +1,62 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
dialog_ie.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by all versions of Internet Explorer only.
|
||||
*/
|
||||
|
||||
/* Base it on dialog.css, overriding it with styles defined in this file. */
|
||||
@import url("dialog.css");
|
||||
|
||||
/* IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
|
||||
.cke_rtl input.cke_dialog_ui_input_text,
|
||||
.cke_rtl input.cke_dialog_ui_input_password
|
||||
{
|
||||
padding-right: 2px;
|
||||
}
|
||||
/* Compensate the padding added above on container. */
|
||||
.cke_rtl div.cke_dialog_ui_input_text,
|
||||
.cke_rtl div.cke_dialog_ui_input_password
|
||||
{
|
||||
padding-left: 2px;
|
||||
}
|
||||
.cke_rtl div.cke_dialog_ui_input_text {
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_dialog_ui_vbox_child,
|
||||
.cke_rtl .cke_dialog_ui_hbox_child,
|
||||
.cke_rtl .cke_dialog_ui_hbox_first,
|
||||
.cke_rtl .cke_dialog_ui_hbox_last
|
||||
{
|
||||
padding-right: 2px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Disable filters for HC mode. */
|
||||
.cke_hc .cke_dialog_title,
|
||||
.cke_hc .cke_dialog_footer,
|
||||
.cke_hc a.cke_dialog_tab,
|
||||
.cke_hc a.cke_dialog_ui_button,
|
||||
.cke_hc a.cke_dialog_ui_button:hover,
|
||||
.cke_hc a.cke_dialog_ui_button_ok,
|
||||
.cke_hc a.cke_dialog_ui_button_ok:hover
|
||||
{
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
/* Remove border from dialog field wrappers in HC
|
||||
to avoid double borders. */
|
||||
.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: 0;
|
||||
}
|
||||
Executable
+68
@@ -0,0 +1,68 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
dialog_ie7.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by Internet Explorer 7 only.
|
||||
*/
|
||||
|
||||
/* Base it on dialog_ie.css, overriding it with styles defined in this file. */
|
||||
@import url("dialog_ie.css");
|
||||
|
||||
.cke_dialog_title
|
||||
{
|
||||
/* gradient fix */
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.cke_dialog_footer
|
||||
{
|
||||
/* IE7 ignores footer's outline. Use border instead. */
|
||||
border-top: 1px solid #bfbfbf;
|
||||
}
|
||||
|
||||
/* IE7 needs position static #6806 */
|
||||
.cke_dialog_footer_buttons
|
||||
{
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* IE7 crops the bottom pixels of footer buttons (#9491) */
|
||||
.cke_dialog_footer_buttons a.cke_dialog_ui_button
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* IE7 margin loose on float. */
|
||||
.cke_dialog .cke_resizer_ltr
|
||||
{
|
||||
padding-left: 4px;
|
||||
}
|
||||
.cke_dialog .cke_resizer_rtl
|
||||
{
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
/* IE7 doesn't support box-sizing and therefore we cannot
|
||||
have sexy inputs which go well with the layout. */
|
||||
.cke_dialog_ui_input_text,
|
||||
.cke_dialog_ui_input_password,
|
||||
.cke_dialog_ui_input_textarea,
|
||||
.cke_dialog_ui_input_select
|
||||
{
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Predefined border to avoid visual size change impact. */
|
||||
.cke_dialog_ui_checkbox_input,
|
||||
.cke_dialog_ui_ratio_input,
|
||||
.cke_btn_reset,
|
||||
.cke_btn_locked,
|
||||
.cke_btn_unlocked
|
||||
{
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
Executable
+24
@@ -0,0 +1,24 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
dialog_ie8.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by Internet Explorer 8 only.
|
||||
*/
|
||||
|
||||
/* Base it on dialog_ie.css, overriding it with styles defined in this file. */
|
||||
@import url("dialog_ie.css");
|
||||
|
||||
/* Without the following, IE8 cannot compensate footer button thick borders
|
||||
on :focus/:active. */
|
||||
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
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
dialog_ie7.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by Internet Explorer in
|
||||
Quirks mode only.
|
||||
*/
|
||||
|
||||
/* Base it on dialog_ie.css, overriding it with styles defined in this file. */
|
||||
@import url("dialog_ie.css");
|
||||
|
||||
/* [IE7-8] Filter on footer causes background artifacts when opening dialog. */
|
||||
.cke_dialog_footer
|
||||
{
|
||||
filter: "";
|
||||
}
|
||||
Executable
+31
@@ -0,0 +1,31 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
dialog_opera.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by all versions of Opera only.
|
||||
*/
|
||||
|
||||
/* Base it on dialog.css, overriding it with styles defined in this file. */
|
||||
@import url("dialog.css");
|
||||
|
||||
/* Opera has problem with box-shadow and td with border-collapse: collapse */
|
||||
/* inset shadow is mis-aligned */
|
||||
.cke_dialog_footer
|
||||
{
|
||||
display: block;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.cke_ltr .cke_dialog_footer > *
|
||||
{
|
||||
float:right;
|
||||
}
|
||||
.cke_rtl .cke_dialog_footer > *
|
||||
{
|
||||
float:left;
|
||||
}
|
||||
Executable
+66
@@ -0,0 +1,66 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, 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;
|
||||
}
|
||||
Executable
+25
@@ -0,0 +1,25 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
editor_gecko.css
|
||||
==================
|
||||
|
||||
This file contains styles to used by all Gecko based browsers (Firefox) only.
|
||||
*/
|
||||
|
||||
/* Base it on editor.css, overriding it with styles defined in this file. */
|
||||
@import url("editor.css");
|
||||
|
||||
.cke_bottom
|
||||
{
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
.cke_combo_text
|
||||
{
|
||||
margin-bottom: -1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
Executable
+71
@@ -0,0 +1,71 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
editor_ie.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by all versions of Internet Explorer only.
|
||||
*/
|
||||
|
||||
/* Base it on editor.css, overriding it with styles defined in this file. */
|
||||
@import url("editor.css");
|
||||
|
||||
a.cke_button_disabled,
|
||||
|
||||
/* Those two are to overwrite the gradient filter since we cannot have both of them. */
|
||||
a.cke_button_disabled:hover,
|
||||
a.cke_button_disabled:focus,
|
||||
a.cke_button_disabled:active
|
||||
{
|
||||
filter: alpha(opacity = 30);
|
||||
}
|
||||
|
||||
/* PNG Alpha Transparency Fix For IE<9 */
|
||||
.cke_button_disabled .cke_button_icon
|
||||
{
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
|
||||
}
|
||||
|
||||
.cke_button_off:hover,
|
||||
.cke_button_off:focus,
|
||||
.cke_button_off:active
|
||||
{
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
|
||||
.cke_combo_disabled .cke_combo_inlinelabel,
|
||||
.cke_combo_disabled .cke_combo_open
|
||||
{
|
||||
filter: alpha(opacity = 30);
|
||||
}
|
||||
|
||||
.cke_toolbox_collapser
|
||||
{
|
||||
border: 1px solid #a6a6a6;
|
||||
}
|
||||
|
||||
.cke_toolbox_collapser .cke_arrow
|
||||
{
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* Gradient filters must be removed for HC mode to reveal the background. */
|
||||
.cke_hc .cke_top,
|
||||
.cke_hc .cke_bottom,
|
||||
.cke_hc .cke_combo_button,
|
||||
.cke_hc a.cke_combo_button:hover,
|
||||
.cke_hc a.cke_combo_button:focus,
|
||||
.cke_hc .cke_toolgroup,
|
||||
.cke_hc .cke_button_on,
|
||||
.cke_hc a.cke_button_off:hover,
|
||||
.cke_hc a.cke_button_off:focus,
|
||||
.cke_hc a.cke_button_off:active,
|
||||
.cke_hc .cke_toolbox_collapser,
|
||||
.cke_hc .cke_toolbox_collapser:hover,
|
||||
.cke_hc .cke_panel_grouptitle
|
||||
{
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
Executable
+213
@@ -0,0 +1,213 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
editor_ie7.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by Internet Explorer 7 only.
|
||||
*/
|
||||
|
||||
/* Base it on editor_ie.css, overriding it with styles defined in this file. */
|
||||
@import url("editor_ie.css");
|
||||
|
||||
.cke_rtl .cke_toolgroup,
|
||||
.cke_rtl .cke_toolbar_separator,
|
||||
.cke_rtl .cke_button,
|
||||
.cke_rtl .cke_button *,
|
||||
.cke_rtl .cke_combo,
|
||||
.cke_rtl .cke_combo *,
|
||||
.cke_rtl .cke_path_item,
|
||||
.cke_rtl .cke_path_item *,
|
||||
.cke_rtl .cke_path_empty
|
||||
{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolgroup,
|
||||
.cke_rtl .cke_toolbar_separator,
|
||||
.cke_rtl .cke_combo_button,
|
||||
.cke_rtl .cke_combo_button *,
|
||||
.cke_rtl .cke_button,
|
||||
.cke_rtl .cke_button_icon,
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.cke_toolbox
|
||||
{
|
||||
display:inline-block;
|
||||
padding-bottom: 5px;
|
||||
height: 100%;
|
||||
}
|
||||
.cke_rtl .cke_toolbox
|
||||
{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.cke_toolbar
|
||||
{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.cke_rtl .cke_toolbar
|
||||
{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* IE7: toolgroup must be adapted to toolbar items height. */
|
||||
.cke_toolgroup
|
||||
{
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
/* Avoid breaking elements that use background gradient when page zoom > 1 (#9548) */
|
||||
.cke_toolgroup,
|
||||
.cke_combo
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a.cke_button
|
||||
{
|
||||
/* IE7: buttons must not float to wrap the toolbar in a whole. */
|
||||
float:none;
|
||||
|
||||
/* IE7: buttons have to be aligned to top. Otherwise, some buttons like
|
||||
* source and scayt are displayed a few pixels below the base line.
|
||||
*/
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.cke_toolbar_separator
|
||||
{
|
||||
display: inline-block;
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
background-color: #c0c0c0;
|
||||
}
|
||||
|
||||
.cke_toolbox_collapser .cke_arrow
|
||||
{
|
||||
margin-top: 0;
|
||||
}
|
||||
.cke_toolbox_collapser .cke_arrow
|
||||
{
|
||||
border-width:4px;
|
||||
}
|
||||
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
|
||||
{
|
||||
border-width:3px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_button_arrow
|
||||
{
|
||||
padding-top: 8px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_combo_inlinelabel
|
||||
{
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*
|
||||
* Editor menus are display:table-driven. IE7 doesn't support this approach,
|
||||
* hence this position&float hybrid fall-back.
|
||||
*/
|
||||
.cke_menubutton
|
||||
{
|
||||
display: block;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.cke_menubutton_inner
|
||||
{
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cke_menubutton_icon
|
||||
{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.cke_menubutton_icon,
|
||||
.cke_menubutton_label,
|
||||
.cke_menuarrow
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.cke_menubutton_label
|
||||
{
|
||||
width: auto;
|
||||
vertical-align: top;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
.cke_menuarrow
|
||||
{
|
||||
width: 5px;
|
||||
height: 6px;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 10px;
|
||||
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* Menus in RTL mode. */
|
||||
.cke_rtl .cke_menubutton_icon
|
||||
{
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_menubutton_label
|
||||
{
|
||||
float: right;
|
||||
clear: both;
|
||||
margin: 0 24px 0 10px;
|
||||
}
|
||||
|
||||
.cke_hc .cke_rtl .cke_menubutton_label
|
||||
{
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
.cke_rtl .cke_menuarrow
|
||||
{
|
||||
left: 8px;
|
||||
right: auto;
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
|
||||
.cke_hc .cke_menuarrow
|
||||
{
|
||||
top: 5px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.cke_rtl input.cke_dialog_ui_input_text,
|
||||
.cke_rtl input.cke_dialog_ui_input_password
|
||||
{
|
||||
/* Positioning is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Reset vertical paddings which put editing area under bottom UI space. (#9721) */
|
||||
.cke_wysiwyg_div
|
||||
{
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
Executable
+27
@@ -0,0 +1,27 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
editor_ie8.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by Internet Explorer 8 only.
|
||||
*/
|
||||
|
||||
/* Base it on editor_ie.css, overriding it with styles defined in this file. */
|
||||
@import url("editor_ie.css");
|
||||
|
||||
.cke_toolbox_collapser .cke_arrow
|
||||
{
|
||||
border-width:4px;
|
||||
}
|
||||
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
|
||||
{
|
||||
border-width:3px;
|
||||
}
|
||||
.cke_toolbox_collapser .cke_arrow
|
||||
{
|
||||
margin-top: 0;
|
||||
}
|
||||
+79
@@ -0,0 +1,79 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
editor_iequirks.css
|
||||
===============
|
||||
|
||||
This file contains styles to used by all versions of Internet Explorer
|
||||
in Quirks mode only.
|
||||
*/
|
||||
|
||||
/* Base it on editor_ie.css, overriding it with styles defined in this file. */
|
||||
@import url("editor_ie.css");
|
||||
|
||||
.cke_top,
|
||||
.cke_contents,
|
||||
.cke_bottom
|
||||
{
|
||||
width: 100%; /* hasLayout = true */
|
||||
}
|
||||
|
||||
.cke_button_arrow
|
||||
{
|
||||
font-size: 0; /* Set minimal font size, so arrow won't be streched by the text that doesn't exist. */
|
||||
}
|
||||
|
||||
/* Bring back toolbar buttons in RTL. */
|
||||
|
||||
.cke_rtl .cke_toolgroup,
|
||||
.cke_rtl .cke_toolbar_separator,
|
||||
.cke_rtl .cke_button,
|
||||
.cke_rtl .cke_button *,
|
||||
.cke_rtl .cke_combo,
|
||||
.cke_rtl .cke_combo *,
|
||||
.cke_rtl .cke_path_item,
|
||||
.cke_rtl .cke_path_item *,
|
||||
.cke_rtl .cke_path_empty
|
||||
{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolgroup,
|
||||
.cke_rtl .cke_toolbar_separator,
|
||||
.cke_rtl .cke_combo_button,
|
||||
.cke_rtl .cke_combo_button *,
|
||||
.cke_rtl .cke_button,
|
||||
.cke_rtl .cke_button_icon,
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Otherwise formatting toolbar breaks when editing a mixed content (#9893). */
|
||||
.cke_rtl .cke_button_icon
|
||||
{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.cke_resizer
|
||||
{
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.cke_source
|
||||
{
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.cke_bottom
|
||||
{
|
||||
position: static; /* Without this bottom space doesn't move when resizing editor. */
|
||||
}
|
||||
|
||||
.cke_colorbox
|
||||
{
|
||||
font-size: 0; /* Set minimal font size, so button won't be streched by the text that doesn't exist. */
|
||||
}
|
||||
Executable
+80
@@ -0,0 +1,80 @@
|
||||
/*
|
||||
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
|
||||
{
|
||||
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: #4c4c4c;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
font-weight: bold;
|
||||
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: #bfbfbf;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
|
||||
-moz-box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);
|
||||
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);
|
||||
box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 261 B |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 736 B |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 728 B |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 953 B |
Executable
+234
@@ -0,0 +1,234 @@
|
||||
/*
|
||||
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;
|
||||
border: 1px solid #b6b6b6;
|
||||
padding: 0;
|
||||
|
||||
-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
|
||||
box-shadow: 0 0 3px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
/* The inner boundary of the interface. */
|
||||
.cke_inner
|
||||
{
|
||||
/* This is <span>, so transform it into a block.*/
|
||||
display: block;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 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. */
|
||||
border: none;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
.cke_top
|
||||
{
|
||||
/*border: 1px solid #b2b2b2;*/
|
||||
border-bottom: 1px solid #b6b6b6;
|
||||
padding: 6px 8px 2px;
|
||||
|
||||
/* Allow breaking toolbars when in a narrow editor. (#9947) */
|
||||
white-space: normal;
|
||||
|
||||
-moz-box-shadow: 0 1px 0 #fff inset;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
|
||||
background: #cfd1cf;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
|
||||
background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
|
||||
}
|
||||
|
||||
.cke_float .cke_top
|
||||
{
|
||||
border: 1px solid #b6b6b6;
|
||||
border-bottom-color: #999;
|
||||
}
|
||||
|
||||
.cke_bottom
|
||||
{
|
||||
padding: 6px 8px 2px;
|
||||
position: relative;
|
||||
|
||||
border-top: 1px solid #bfbfbf;
|
||||
|
||||
-moz-box-shadow: 0 1px 0 #fff inset;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
|
||||
background: #cfd1cf;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cfd1cf));
|
||||
background-image: -moz-linear-gradient(top, #ebebeb, #cfd1cf);
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb, #cfd1cf);
|
||||
background-image: -o-linear-gradient(top, #ebebeb, #cfd1cf);
|
||||
background-image: -ms-linear-gradient(top, #ebebeb, #cfd1cf);
|
||||
background-image: linear-gradient(top, #ebebeb, #cfd1cf);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
|
||||
}
|
||||
|
||||
/* 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;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
border-width: 10px 10px 0 0;
|
||||
border-color: transparent #666 transparent transparent;
|
||||
border-style: dashed solid dashed dashed;
|
||||
|
||||
font-size: 0;
|
||||
vertical-align: bottom;
|
||||
|
||||
margin-top: 6px;
|
||||
|
||||
/* A margin in case of no other element in the same container
|
||||
to keep a distance to the bottom edge. */
|
||||
margin-bottom: 2px;
|
||||
|
||||
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
|
||||
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
|
||||
box-shadow: 0 1px 0 rgba(255,255,255,.3);
|
||||
}
|
||||
|
||||
.cke_hc .cke_resizer
|
||||
{
|
||||
font-size: 15px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.cke_resizer_ltr
|
||||
{
|
||||
cursor: se-resize;
|
||||
|
||||
float: right;
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
/* 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
|
||||
{
|
||||
border-width: 10px 0 0 10px;
|
||||
border-color: transparent transparent transparent #A5A5A5;
|
||||
border-style: dashed dashed dashed solid;
|
||||
|
||||
cursor: sw-resize;
|
||||
|
||||
float: left;
|
||||
margin-left: -4px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
Executable
+188
@@ -0,0 +1,188 @@
|
||||
/*
|
||||
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
|
||||
{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.cke_hc .cke_menubutton:hover,
|
||||
.cke_hc .cke_menubutton:focus,
|
||||
.cke_hc .cke_menubutton:active
|
||||
{
|
||||
border: 2px solid;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.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: #D7D8D7;
|
||||
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: #D0D2D0;
|
||||
}
|
||||
|
||||
.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:hover,
|
||||
.cke_menubutton:focus,
|
||||
.cke_menubutton:active
|
||||
{
|
||||
background-color: #EFF0EF;
|
||||
}
|
||||
|
||||
.cke_panel_frame .cke_menubutton_label
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The separator used to separate menu item groups. */
|
||||
.cke_menuseparator
|
||||
{
|
||||
background-color: #D3D3D3;
|
||||
height: 1px;
|
||||
filter: alpha(opacity=70); /* IE */
|
||||
opacity: 0.70; /* Safari, Opera and Mozilla */
|
||||
}
|
||||
|
||||
/* The small arrow shown for item with sub-menus. */
|
||||
.cke_menuarrow
|
||||
{
|
||||
background-image: url(images/arrow.png);
|
||||
background-position: 0 10px;
|
||||
background-repeat: no-repeat;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_menuarrow
|
||||
{
|
||||
background-position: 5px -13px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.cke_menuarrow span
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cke_hc .cke_menuarrow span
|
||||
{
|
||||
vertical-align: middle;
|
||||
display: inline;
|
||||
}
|
||||
Executable
+255
@@ -0,0 +1,255 @@
|
||||
/*
|
||||
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;
|
||||
width: 120px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
|
||||
background-color: #fff;
|
||||
border: 1px solid #b6b6b6;
|
||||
border-bottom-color: #999;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
|
||||
box-shadow: 0 0 3px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
/* This class represents panels which are used as context menus. */
|
||||
.cke_menu_panel
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* This class represents panels which are used by rich combos. */
|
||||
.cke_combopanel
|
||||
{
|
||||
width: 150px;
|
||||
height: 170px;
|
||||
}
|
||||
|
||||
/* The IFRAME the panel is wrapped into. */
|
||||
.cke_panel_frame
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
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: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* The item of .cke_panel_list */
|
||||
.cke_panel_listItem
|
||||
{
|
||||
margin: 0;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
/* 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: 3px 4px;
|
||||
display: block;
|
||||
border: 1px solid #fff;
|
||||
color: inherit !important;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* 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 #dedede;
|
||||
background-color: #f2f2f2;
|
||||
|
||||
-moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
|
||||
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
|
||||
box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
|
||||
}
|
||||
|
||||
.cke_panel_listItem a:hover,
|
||||
.cke_panel_listItem a:focus,
|
||||
.cke_panel_listItem a:active
|
||||
{
|
||||
border-color: #dedede;
|
||||
background-color: #f2f2f2;
|
||||
|
||||
-moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
|
||||
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
|
||||
box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
|
||||
}
|
||||
|
||||
.cke_hc .cke_panel_listItem a
|
||||
{
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.cke_hc .cke_panel_listItem a:hover,
|
||||
.cke_hc .cke_panel_listItem a:focus,
|
||||
.cke_hc .cke_panel_listItem a:active
|
||||
{
|
||||
border: 2px solid;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
/* The title of the entire panel which is visible on top of the list. */
|
||||
.cke_panel_grouptitle
|
||||
{
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 4px 6px;
|
||||
|
||||
color: #474747;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.75);
|
||||
border-bottom: 1px solid #b6b6b6;
|
||||
|
||||
-moz-border-radius: 2px 2px 0 0;
|
||||
-webkit-border-radius: 2px 2px 0 0;
|
||||
border-radius: 2px 2px 0 0;
|
||||
|
||||
-moz-box-shadow: 0 1px 0 #fff inset;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
|
||||
background: #cfd1cf;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
|
||||
background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
background-image: linear-gradient(top, #f5f5f5, #cfd1cf);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
|
||||
}
|
||||
|
||||
/* 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: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
Executable
+37
@@ -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;
|
||||
}
|
||||
Executable
+51
@@ -0,0 +1,51 @@
|
||||
"Moono" Skin
|
||||
====================
|
||||
|
||||
This skin has been chosen for the **default skin** of CKEditor 4.x, elected from the CKEditor
|
||||
[skin contest](http://ckeditor.com/blog/new_ckeditor_4_skin) and further shaped by
|
||||
the CKEditor team. "Moono" is maintained by the core developers.
|
||||
|
||||
For more information about skins, please check the [CKEditor Skin SDK](http://docs.cksource.com/CKEditor_4.x/Skin_SDK)
|
||||
documentation.
|
||||
|
||||
Features
|
||||
-------------------
|
||||
"Moono" is a monochromatic skin, which offers a modern look coupled with gradients and transparency.
|
||||
It comes with the following features:
|
||||
|
||||
- Chameleon feature with brightness,
|
||||
- high-contrast compatibility,
|
||||
- graphics source provided in SVG.
|
||||
|
||||
Directory Structure
|
||||
-------------------
|
||||
|
||||
CSS parts:
|
||||
- **editor.css**: the main CSS file. It's simply loading several other files, for easier maintenance,
|
||||
- **mainui.css**: the file contains styles of entire editor outline structures,
|
||||
- **toolbar.css**: the file contains styles of the editor toolbar space (top),
|
||||
- **richcombo.css**: the file contains styles of the rich combo ui elements on toolbar,
|
||||
- **panel.css**: the file contains styles of the rich combo drop-down, it's not loaded
|
||||
until the first panel open up,
|
||||
- **elementspath.css**: the file contains styles of the editor elements path bar (bottom),
|
||||
- **menu.css**: the file contains styles of all editor menus including context menu and button drop-down,
|
||||
it's not loaded until the first menu open up,
|
||||
- **dialog.css**: the CSS files for the dialog UI, it's not loaded until the first dialog open,
|
||||
- **reset.css**: the file defines the basis of style resets among all editor UI spaces,
|
||||
- **preset.css**: the file defines the default styles of some UI elements reflecting the skin preference,
|
||||
- **editor_XYZ.css** and **dialog_XYZ.css**: browser specific CSS hacks.
|
||||
|
||||
Other parts:
|
||||
- **skin.js**: the only JavaScript part of the skin that registers the skin, its browser specific files and its icons and defines the Chameleon feature,
|
||||
- **icons/**: contains all skin defined icons,
|
||||
- **images/**: contains a fill general used images,
|
||||
- **dev/**: contains SVG source of the skin icons.
|
||||
|
||||
License
|
||||
-------
|
||||
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
|
||||
Licensed under the terms of any of the following licenses at your choice: [GPL](http://www.gnu.org/licenses/gpl.html), [LGPL](http://www.gnu.org/licenses/lgpl.html) and [MPL](http://www.mozilla.org/MPL/MPL-1.1.html).
|
||||
|
||||
See LICENSE.md for more information.
|
||||
Executable
+109
@@ -0,0 +1,109 @@
|
||||
/*
|
||||
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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
|
||||
/* 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;
|
||||
}
|
||||
Executable
+231
@@ -0,0 +1,231 @@
|
||||
/*
|
||||
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;
|
||||
}
|
||||
|
||||
.cke_hc .cke_combo
|
||||
{
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
.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;
|
||||
float: left;
|
||||
margin: 0 6px 5px 0;
|
||||
|
||||
border: 1px solid #a6a6a6;
|
||||
border-bottom-color: #979797;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-moz-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;
|
||||
-webkit-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;
|
||||
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: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: linear-gradient(top, #ffffff, #e4e4e4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
|
||||
}
|
||||
|
||||
/* Different states of the container. */
|
||||
.cke_combo_off a.cke_combo_button:hover,
|
||||
.cke_combo_off a.cke_combo_button:focus
|
||||
{
|
||||
background: #ccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
|
||||
background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: linear-gradient(top, #f2f2f2, #ccc);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
|
||||
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.cke_combo_off a.cke_combo_button:active,
|
||||
.cke_combo_on a.cke_combo_button
|
||||
{
|
||||
border: 1px solid #777;
|
||||
|
||||
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset;
|
||||
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset;
|
||||
box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset;
|
||||
|
||||
background: #b5b5b5;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#cacaca));
|
||||
background-image: -moz-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: -webkit-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: -o-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: -ms-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: linear-gradient(top, #aaa, #cacaca);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
|
||||
}
|
||||
|
||||
.cke_combo_on a.cke_combo_button:hover,
|
||||
.cke_combo_on a.cke_combo_button:focus,
|
||||
.cke_combo_on a.cke_combo_button:active
|
||||
{
|
||||
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
.cke_rtl .cke_combo_button
|
||||
{
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.cke_hc a.cke_combo_button
|
||||
{
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.cke_hc .cke_combo_on a.cke_combo_button,
|
||||
.cke_hc .cke_combo_off a.cke_combo_button:hover,
|
||||
.cke_hc .cke_combo_off a.cke_combo_button:focus,
|
||||
.cke_hc .cke_combo_off a.cke_combo_button:active
|
||||
{
|
||||
border-width: 3px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
/* 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: 26px;
|
||||
padding-left: 10px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
cursor: default;
|
||||
color: #474747;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_combo_text
|
||||
{
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.cke_hc .cke_combo_text
|
||||
{
|
||||
line-height: 18px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 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 7px 1px;
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.cke_hc .cke_combo_open
|
||||
{
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
/* The arrow which is displayed inside of the .cke_combo_open handler. */
|
||||
.cke_combo_arrow
|
||||
{
|
||||
margin: 11px 0 0;
|
||||
float: left;
|
||||
|
||||
/* Pure CSS Arrow */
|
||||
height: 0;
|
||||
width: 0;
|
||||
font-size: 0;
|
||||
border-left: 3px solid transparent;
|
||||
border-right: 3px solid transparent;
|
||||
border-top: 3px solid #474747;
|
||||
}
|
||||
|
||||
.cke_hc .cke_combo_arrow
|
||||
{
|
||||
font-size: 10px;
|
||||
width: auto;
|
||||
border: 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* Disabled combo button styles. */
|
||||
.cke_combo_disabled .cke_combo_inlinelabel,
|
||||
.cke_combo_disabled .cke_combo_open
|
||||
{
|
||||
opacity: 0.3;
|
||||
}
|
||||
Executable
+322
@@ -0,0 +1,322 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
skin.js
|
||||
=========
|
||||
|
||||
In this file we interact with the CKEditor JavaScript API to register the skin
|
||||
and enable additional skin related features.
|
||||
|
||||
The level of complexity of this file depends on the features available in the
|
||||
skin. There is only one mandatory line of code to be included here, which is
|
||||
setting CKEDITOR.skin.name. All the rest is optional, but recommended to be
|
||||
implemented as they make higher quality skins.
|
||||
|
||||
For this skin, the following tasks are achieved in this file:
|
||||
|
||||
1. Register the skin.
|
||||
2. Register browser specific skin files.
|
||||
3. Define the "Chameleon" feature.
|
||||
4. Register the skin icons, to have them used on the development version of
|
||||
the skin.
|
||||
*/
|
||||
|
||||
// 1. Register the skin
|
||||
// ----------------------
|
||||
// The CKEDITOR.skin.name property must be set to the skin name. This is a
|
||||
// lower-cased name, which must match the skin folder name as well as the value
|
||||
// used on config.skin to tell the editor to use the skin.
|
||||
//
|
||||
// This is the only mandatory property to be defined in this file.
|
||||
CKEDITOR.skin.name = 'moono';
|
||||
|
||||
// 2. Register browser specific skin files
|
||||
// -----------------------------------------
|
||||
// (http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Browser_Hacks)
|
||||
//
|
||||
// To help implementing browser specific "hacks" to the skin files and have it
|
||||
// easy to maintain, it is possible to have dedicated files for such browsers,
|
||||
// for both the main skin CSS files: editor.css and dialog.css.
|
||||
//
|
||||
// The browser files must be named after the main file names, appended by an
|
||||
// underscore and the browser name (e.g. editor_ie.css, dialog_ie8.css).
|
||||
//
|
||||
// The accepted browser names must match the CKEDITOR.env properties. The most
|
||||
// common names are: ie, opera, webkit and gecko. Check the documentation for
|
||||
// the complete list:
|
||||
// http://docs.ckeditor.com/#!/api/CKEDITOR.env
|
||||
//
|
||||
// Internet explorer is an expection and the browser version is also accepted
|
||||
// (ie7, ie8, ie9, ie10), as well as a special name for IE in Quirks mode (iequirks).
|
||||
//
|
||||
// The available browser specific files must be set separately for editor.css
|
||||
// and dialog.css.
|
||||
CKEDITOR.skin.ua_editor = 'ie,iequirks,ie7,ie8,gecko';
|
||||
CKEDITOR.skin.ua_dialog = 'ie,iequirks,ie7,ie8,opera';
|
||||
|
||||
// 3. Define the "Chameleon" feature
|
||||
// -----------------------------------
|
||||
// (http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Chameleon)
|
||||
//
|
||||
// "Chameleon" is a unique feature available in CKEditor. It makes it possible
|
||||
// to end users to specify which color to use as the basis for the editor UI.
|
||||
// It is enough to set config.uiColor to any color value and voila, the UI is
|
||||
// colored.
|
||||
//
|
||||
// The only detail here is that the skin itself must be compatible with the
|
||||
// Chameleon feature. That's because the skin CSS files are the responsible to
|
||||
// apply colors in the UI and each skin do that in different way and on
|
||||
// different places.
|
||||
//
|
||||
// Implementing the Chameleon feature requires a bit of JavaScript programming.
|
||||
// The CKEDITOR.skin.chameleon function must be defined. It must return the CSS
|
||||
// "template" to be used to change the color of a specific CKEditor instance
|
||||
// available in the page. When a color change is required, this template is
|
||||
// appended to the page holding the editor, overriding styles defined in the
|
||||
// skin files.
|
||||
//
|
||||
// The "$color" placeholder can be used in the returned string. It'll be
|
||||
// replaced with the desired color.
|
||||
CKEDITOR.skin.chameleon = (function() {
|
||||
// This method can be used to adjust colour brightness of various element.
|
||||
// Colours are accepted in 7-byte hex format, for example: #00ff00.
|
||||
// Brightness ratio must be a float number within [-1, 1],
|
||||
// where -1 is black, 1 is white and 0 is the original colour.
|
||||
var colorBrightness = (function() {
|
||||
function channelBrightness( channel, ratio ) {
|
||||
return ( '0' + ( ratio < 0 ?
|
||||
0 | channel * ( 1 + ratio )
|
||||
:
|
||||
0 | channel + ( 255 - channel ) * ratio ).toString( 16 )
|
||||
).slice( -2 );
|
||||
}
|
||||
|
||||
return function( hexColor, ratio ) {
|
||||
var channels = hexColor.match( /[^#]./g );
|
||||
|
||||
for ( var i = 0 ; i < 3 ; i++ )
|
||||
channels[ i ] = channelBrightness( parseInt( channels[ i ], 16 ), ratio );
|
||||
|
||||
return '#' + channels.join( '' );
|
||||
};
|
||||
})(),
|
||||
|
||||
// Use this function just to avoid having to repeat all these rules on
|
||||
// several places of our template.
|
||||
verticalGradient = (function() {
|
||||
var template = new CKEDITOR.template( 'background:#{to};'+
|
||||
'background-image:-webkit-gradient(linear,lefttop,leftbottom,from({from}),to({to}));'+
|
||||
'background-image:-moz-linear-gradient(top,{from},{to});'+
|
||||
'background-image:-webkit-linear-gradient(top,{from},{to});'+
|
||||
'background-image:-o-linear-gradient(top,{from},{to});'+
|
||||
'background-image:-ms-linear-gradient(top,{from},{to});'+
|
||||
'background-image:linear-gradient(top,{from},{to});'+
|
||||
'filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=\'{from}\',endColorstr=\'{to}\');' );
|
||||
|
||||
return function( from, to ) {
|
||||
return template.output( { from: from, to: to } );
|
||||
};
|
||||
})(),
|
||||
|
||||
// Style templates for various user interface parts:
|
||||
// * Default editor template.
|
||||
// * Default panel template.
|
||||
templates = {
|
||||
editor: new CKEDITOR.template(
|
||||
'{id}.cke_chrome [border-color:{defaultBorder};] ' +
|
||||
'{id} .cke_top [ ' +
|
||||
'{defaultGradient}' +
|
||||
'border-bottom-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'{id} .cke_bottom [' +
|
||||
'{defaultGradient}' +
|
||||
'border-top-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'{id} .cke_resizer [border-right-color:{ckeResizer}] ' +
|
||||
|
||||
// Dialogs.
|
||||
'{id} .cke_dialog_title [' +
|
||||
'{defaultGradient}' +
|
||||
'border-bottom-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'{id} .cke_dialog_footer [' +
|
||||
'{defaultGradient}' +
|
||||
'outline-color:{defaultBorder};' +
|
||||
'border-top-color:{defaultBorder};' + // IE7 doesn't use outline.
|
||||
'] ' +
|
||||
'{id} .cke_dialog_tab [' +
|
||||
'{lightGradient}' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'{id} .cke_dialog_tab:hover [' +
|
||||
'{mediumGradient}' +
|
||||
'] ' +
|
||||
'{id} .cke_dialog_contents [' +
|
||||
'border-top-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'{id} .cke_dialog_tab_selected, {id} .cke_dialog_tab_selected:hover [' +
|
||||
'background:{dialogTabSelected};' +
|
||||
'border-bottom-color:{dialogTabSelectedBorder};' +
|
||||
'] ' +
|
||||
'{id} .cke_dialog_body [' +
|
||||
'background:{dialogBody};' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
|
||||
// Toolbars, buttons.
|
||||
'{id} .cke_toolgroup [' +
|
||||
'{lightGradient}' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'{id} a.cke_button_off:hover, {id} a.cke_button_off:focus, {id} a.cke_button_off:active [' +
|
||||
'{mediumGradient}' +
|
||||
'] ' +
|
||||
'{id} .cke_button_on [' +
|
||||
'{ckeButtonOn}' +
|
||||
'] ' +
|
||||
'{id} .cke_toolbar_separator [' +
|
||||
'background-color: {ckeToolbarSeparator};' +
|
||||
'] ' +
|
||||
|
||||
// Combo buttons.
|
||||
'{id} .cke_combo_button [' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'{lightGradient}' +
|
||||
'] ' +
|
||||
'{id} a.cke_combo_button:hover, {id} a.cke_combo_button:focus, {id} .cke_combo_on a.cke_combo_button [' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'{mediumGradient}' +
|
||||
'] ' +
|
||||
|
||||
// Elementspath.
|
||||
'{id} .cke_path_item [' +
|
||||
'color:{elementsPathColor};' +
|
||||
'] ' +
|
||||
'{id} a.cke_path_item:hover, {id} a.cke_path_item:focus, {id} a.cke_path_item:active [' +
|
||||
'background-color:{elementsPathBg};' +
|
||||
'] ' +
|
||||
|
||||
'{id}.cke_panel [' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] '
|
||||
),
|
||||
panel: new CKEDITOR.template(
|
||||
// Panel drop-downs.
|
||||
'.cke_panel_grouptitle [' +
|
||||
'{lightGradient}' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
|
||||
// Context menus.
|
||||
'.cke_menubutton_icon [' +
|
||||
'background-color:{menubuttonIcon};' +
|
||||
'] ' +
|
||||
'.cke_menubutton:hover .cke_menubutton_icon, .cke_menubutton:focus .cke_menubutton_icon, .cke_menubutton:active .cke_menubutton_icon [' +
|
||||
'background-color:{menubuttonIconHover};' +
|
||||
'] ' +
|
||||
'.cke_menuseparator [' +
|
||||
'background-color:{menubuttonIcon};' +
|
||||
'] ' +
|
||||
|
||||
// Color boxes.
|
||||
'a:hover.cke_colorbox, a:focus.cke_colorbox, a:active.cke_colorbox [' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] ' +
|
||||
'a:hover.cke_colorauto, a:hover.cke_colormore, a:focus.cke_colorauto, a:focus.cke_colormore, a:active.cke_colorauto, a:active.cke_colormore [' +
|
||||
'background-color:{ckeColorauto};' +
|
||||
'border-color:{defaultBorder};' +
|
||||
'] '
|
||||
)
|
||||
};
|
||||
|
||||
return function( editor, part ) {
|
||||
var uiColor = editor.uiColor,
|
||||
// The following are CSS styles used in templates.
|
||||
// Styles are generated according to current editor.uiColor.
|
||||
templateStyles = {
|
||||
// CKEditor instances have a unique ID, which is used as class name into
|
||||
// the outer container of the editor UI (e.g. ".cke_1").
|
||||
//
|
||||
// The Chameleon feature is available for each CKEditor instance,
|
||||
// independently. Because of this, we need to prefix all CSS selectors with
|
||||
// the unique class name of the instance.
|
||||
id: '.' + editor.id,
|
||||
|
||||
// These styles are used by various UI elements.
|
||||
defaultBorder: colorBrightness( uiColor, -0.1 ),
|
||||
defaultGradient: verticalGradient( colorBrightness( uiColor, 0.9 ), uiColor ),
|
||||
lightGradient: verticalGradient( colorBrightness( uiColor, 1 ), colorBrightness( uiColor, 0.7 ) ),
|
||||
mediumGradient: verticalGradient( colorBrightness( uiColor, 0.8 ), colorBrightness( uiColor, 0.5 ) ),
|
||||
|
||||
// These are for specific UI elements.
|
||||
ckeButtonOn: verticalGradient( colorBrightness( uiColor, 0.6 ), colorBrightness( uiColor, 0.7 ) ),
|
||||
ckeResizer: colorBrightness( uiColor, -0.4 ),
|
||||
ckeToolbarSeparator: colorBrightness( uiColor, 0.5 ),
|
||||
ckeColorauto: colorBrightness( uiColor, 0.8 ),
|
||||
dialogBody: colorBrightness( uiColor, 0.7 ),
|
||||
// Use gradient instead of simple hex to avoid further filter resetting in IE.
|
||||
dialogTabSelected: verticalGradient( '#FFFFFF', '#FFFFFF' ),
|
||||
dialogTabSelectedBorder: '#FFF',
|
||||
elementsPathColor: colorBrightness( uiColor, -0.6 ),
|
||||
elementsPathBg: uiColor,
|
||||
menubuttonIcon: colorBrightness( uiColor, 0.5 ),
|
||||
menubuttonIconHover: colorBrightness( uiColor, 0.3 )
|
||||
};
|
||||
|
||||
return templates[ part ]
|
||||
.output( templateStyles )
|
||||
.replace( /\[/g, '{' ) // Replace brackets with braces.
|
||||
.replace( /\]/g, '}' );
|
||||
};
|
||||
})();
|
||||
|
||||
// %REMOVE_START%
|
||||
|
||||
// 4. Register the skin icons for development purposes only
|
||||
// ----------------------------------------------------------
|
||||
// (http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Icons)
|
||||
//
|
||||
// Note: As "moono" is the default CKEditor skin, it provides no custom icons,
|
||||
// thus this code is commented out.
|
||||
//
|
||||
// This code is here just to make the skin work fully when using its "source"
|
||||
// version. Without this, the skin will still work, but its icons will not be
|
||||
// used (again, on source version only).
|
||||
//
|
||||
// This block of code is not necessary on the release version of the skin.
|
||||
// Because of this it is very important to include it inside the REMOVE_START
|
||||
// and REMOVE_END comment markers, so the skin builder will properly clean
|
||||
// things up.
|
||||
//
|
||||
// If a required icon is not available here, the plugin defined icon will be
|
||||
// used instead. This means that a skin is not required to provide all icons.
|
||||
// Actually, it is not required to provide icons at all.
|
||||
//
|
||||
// (function() {
|
||||
// // The available icons. This list must match the file names (without
|
||||
// // extension) available inside the "icons" folder.
|
||||
// var icons = ( 'about,anchor-rtl,anchor,bgcolor,bidiltr,bidirtl,blockquote,' +
|
||||
// 'bold,bulletedlist-rtl,bulletedlist,button,checkbox,copy-rtl,copy,' +
|
||||
// 'creatediv,cut-rtl,cut,docprops-rtl,docprops,find-rtl,find,flash,form,' +
|
||||
// 'hiddenfield,horizontalrule,icons,iframe,image,imagebutton,indent-rtl,' +
|
||||
// 'indent,italic,justifyblock,justifycenter,justifyleft,justifyright,' +
|
||||
// 'link,maximize,newpage-rtl,newpage,numberedlist-rtl,numberedlist,' +
|
||||
// 'outdent-rtl,outdent,pagebreak-rtl,pagebreak,paste-rtl,paste,' +
|
||||
// 'pastefromword-rtl,pastefromword,pastetext-rtl,pastetext,preview-rtl,' +
|
||||
// 'preview,print,radio,redo-rtl,redo,removeformat,replace,save,scayt,' +
|
||||
// 'select-rtl,select,selectall,showblocks-rtl,showblocks,smiley,' +
|
||||
// 'source-rtl,source,specialchar,spellchecker,strike,subscript,' +
|
||||
// 'superscript,table,templates-rtl,templates,textarea-rtl,textarea,' +
|
||||
// 'textcolor,textfield-rtl,textfield,uicolor,underline,undo-rtl,undo,unlink' ).split( ',' );
|
||||
//
|
||||
// var iconsFolder = CKEDITOR.getUrl( CKEDITOR.skin.path() + 'icons/' + ( CKEDITOR.env.hidpi ? 'hidpi/' : '' ) );
|
||||
//
|
||||
// for ( var i = 0; i < icons.length; i++ ) {
|
||||
// CKEDITOR.skin.addIcon( icons[ i ], iconsFolder + icons[ i ] + '.png' );
|
||||
// }
|
||||
// })();
|
||||
|
||||
// %REMOVE_END%
|
||||
Executable
+430
@@ -0,0 +1,430 @@
|
||||
/*
|
||||
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
|
||||
{
|
||||
float: left;
|
||||
margin: 0 6px 5px 0;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-bottom-color: #979797;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-moz-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;
|
||||
-webkit-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;
|
||||
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: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: linear-gradient(top, #ffffff, #e4e4e4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
|
||||
}
|
||||
|
||||
.cke_hc .cke_toolgroup
|
||||
{
|
||||
border: 0;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolgroup *:first-child
|
||||
{
|
||||
-moz-border-radius: 0 2px 2px 0;
|
||||
-webkit-border-radius: 0 2px 2px 0;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolgroup *:last-child
|
||||
{
|
||||
-moz-border-radius: 2px 0 0 2px;
|
||||
-webkit-border-radius: 2px 0 0 2px;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolgroup
|
||||
{
|
||||
float: right;
|
||||
margin-left: 6px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* A toolbar button . */
|
||||
a.cke_button
|
||||
{
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
padding: 4px 6px;
|
||||
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;
|
||||
}
|
||||
|
||||
/* 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
|
||||
{
|
||||
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
|
||||
background: #b5b5b5;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#cacaca));
|
||||
background-image: -moz-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: -webkit-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: -o-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: -ms-linear-gradient(top, #aaa, #cacaca);
|
||||
background-image: linear-gradient(top, #aaa, #cacaca);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
|
||||
}
|
||||
|
||||
.cke_hc .cke_button_on,
|
||||
.cke_hc a.cke_button_off:hover,
|
||||
.cke_hc a.cke_button_off:focus,
|
||||
.cke_hc a.cke_button_off:active,
|
||||
.cke_hc a.cke_button_disabled:hover,
|
||||
.cke_hc a.cke_button_disabled:focus,
|
||||
.cke_hc a.cke_button_disabled:active
|
||||
{
|
||||
border-width: 3px;
|
||||
|
||||
/* Compensate the border change */
|
||||
padding: 1px 3px;
|
||||
}
|
||||
|
||||
/* 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 .cke_button_icon
|
||||
{
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.cke_hc .cke_button_disabled
|
||||
{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
a.cke_button_on:hover,
|
||||
a.cke_button_on:focus,
|
||||
a.cke_button_on:active
|
||||
{
|
||||
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
a.cke_button_off:hover,
|
||||
a.cke_button_off:focus,
|
||||
a.cke_button_off:active,
|
||||
a.cke_button_disabled:hover,
|
||||
a.cke_button_disabled:focus,
|
||||
a.cke_button_disabled:active
|
||||
{
|
||||
-moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
|
||||
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
|
||||
|
||||
background: #ccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
|
||||
background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: linear-gradient(top, #f2f2f2, #ccc);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
|
||||
}
|
||||
|
||||
/* 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: 17px;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
cursor: default;
|
||||
color: #474747;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
}
|
||||
|
||||
.cke_rtl .cke_button_label
|
||||
{
|
||||
padding-right: 3px;
|
||||
padding-left: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.cke_hc .cke_button_label
|
||||
{
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 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: 8px 0 0 1px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
cursor: default;
|
||||
vertical-align: top;
|
||||
border-left: 3px solid transparent;
|
||||
border-right: 3px solid transparent;
|
||||
border-top: 3px solid #474747;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_button_arrow
|
||||
{
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.cke_hc .cke_button_arrow
|
||||
{
|
||||
font-size: 10px;
|
||||
margin: 3px -2px 0 3px;
|
||||
width: auto;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* The vertical separator which is used within a single toolbar to split
|
||||
buttons into sub-groups. */
|
||||
.cke_toolbar_separator
|
||||
{
|
||||
float: left;
|
||||
background-color: #c0c0c0;
|
||||
background-color: rgba(0,0,0,.2);
|
||||
margin: 5px 2px 0;
|
||||
height: 18px;
|
||||
width: 1px;
|
||||
|
||||
-webkit-box-shadow: 1px 0 1px rgba(255,255,255,.5);
|
||||
-moz-box-shadow: 1px 0 1px rgba(255,255,255,.5);
|
||||
box-shadow: 1px 0 1px rgba(255,255,255,.5);
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolbar_separator
|
||||
{
|
||||
float: right;
|
||||
|
||||
-webkit-box-shadow: -1px 0 1px rgba(255,255,255,.1);
|
||||
-moz-box-shadow: -1px 0 1px rgba(255,255,255,.1);
|
||||
box-shadow: -1px 0 1px rgba(255,255,255,.1);
|
||||
}
|
||||
|
||||
.cke_hc .cke_toolbar_separator
|
||||
{
|
||||
width: 0;
|
||||
border-left: 1px solid;
|
||||
margin: 1px 5px 0 0px;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
margin: 11px 0 0;
|
||||
font-size: 0;
|
||||
cursor: default;
|
||||
text-align: center;
|
||||
|
||||
border: 1px solid #a6a6a6;
|
||||
border-bottom-color: #979797;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
-moz-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;
|
||||
-webkit-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;
|
||||
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: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: linear-gradient(top, #ffffff, #e4e4e4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
|
||||
}
|
||||
|
||||
.cke_toolbox_collapser:hover
|
||||
{
|
||||
background: #ccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
|
||||
background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
|
||||
background-image: linear-gradient(top, #f2f2f2, #ccc);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
|
||||
}
|
||||
|
||||
.cke_toolbox_collapser.cke_toolbox_collapser_min
|
||||
{
|
||||
margin: 0 2px 4px;
|
||||
}
|
||||
|
||||
.cke_rtl .cke_toolbox_collapser
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
margin-top: 1px;
|
||||
border-left: 3px solid transparent;
|
||||
border-right: 3px solid transparent;
|
||||
border-bottom: 3px solid #474747;
|
||||
border-top: 3px solid transparent;
|
||||
}
|
||||
|
||||
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
|
||||
{
|
||||
margin-top: 4px;
|
||||
border-bottom-color: transparent;
|
||||
border-top-color: #474747;
|
||||
}
|
||||
|
||||
.cke_hc .cke_toolbox_collapser .cke_arrow
|
||||
{
|
||||
font-size: 8px;
|
||||
width: auto;
|
||||
border: 0;
|
||||
margin-top: 0;
|
||||
margin-right: 2px;
|
||||
}
|
||||
Reference in New Issue
Block a user