|
1
|
"Moono" Skin
|
|
2
|
====================
|
|
3
|
|
|
4
|
This skin has been chosen for the **default skin** of CKEditor 4.x, elected from the CKEditor
|
|
5
|
[skin contest](http://ckeditor.com/blog/new_ckeditor_4_skin) and further shaped by
|
|
6
|
the CKEditor team. "Moono" is maintained by the core developers.
|
|
7
|
|
|
8
|
For more information about skins, please check the [CKEditor Skin SDK](http://docs.cksource.com/CKEditor_4.x/Skin_SDK)
|
|
9
|
documentation.
|
|
10
|
|
|
11
|
Features
|
|
12
|
-------------------
|
|
13
|
"Moono" is a monochromatic skin, which offers a modern look coupled with gradients and transparency.
|
|
14
|
It comes with the following features:
|
|
15
|
|
|
16
|
- Chameleon feature with brightness,
|
|
17
|
- high-contrast compatibility,
|
|
18
|
- graphics source provided in SVG.
|
|
19
|
|
|
20
|
Directory Structure
|
|
21
|
-------------------
|
|
22
|
|
|
23
|
CSS parts:
|
|
24
|
- **editor.css**: the main CSS file. It's simply loading several other files, for easier maintenance,
|
|
25
|
- **mainui.css**: the file contains styles of entire editor outline structures,
|
|
26
|
- **toolbar.css**: the file contains styles of the editor toolbar space (top),
|
|
27
|
- **richcombo.css**: the file contains styles of the rich combo ui elements on toolbar,
|
|
28
|
- **panel.css**: the file contains styles of the rich combo drop-down, it's not loaded
|
|
29
|
until the first panel open up,
|
|
30
|
- **elementspath.css**: the file contains styles of the editor elements path bar (bottom),
|
|
31
|
- **menu.css**: the file contains styles of all editor menus including context menu and button drop-down,
|
|
32
|
it's not loaded until the first menu open up,
|
|
33
|
- **dialog.css**: the CSS files for the dialog UI, it's not loaded until the first dialog open,
|
|
34
|
- **reset.css**: the file defines the basis of style resets among all editor UI spaces,
|
|
35
|
- **preset.css**: the file defines the default styles of some UI elements reflecting the skin preference,
|
|
36
|
- **editor_XYZ.css** and **dialog_XYZ.css**: browser specific CSS hacks.
|
|
37
|
|
|
38
|
Other parts:
|
|
39
|
- **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,
|
|
40
|
- **icons/**: contains all skin defined icons,
|
|
41
|
- **images/**: contains a fill general used images,
|
|
42
|
- **dev/**: contains SVG source of the skin icons.
|
|
43
|
|
|
44
|
License
|
|
45
|
-------
|
|
46
|
|
|
47
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
|
48
|
|
|
49
|
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).
|
|
50
|
|
|
51
|
See LICENSE.md for more information.
|