| 16825 |
efrain |
1 |
"Moono-lisa" Skin
|
|
|
2 |
=================
|
|
|
3 |
|
|
|
4 |
This skin has been made a **default skin** starting from CKEditor 4.6.0 and is maintained by the core developers.
|
|
|
5 |
|
|
|
6 |
For more information about skins, please check the [CKEditor Skin SDK](https://ckeditor.com/docs/ckeditor4/latest/guide/skin_sdk_intro.html)
|
|
|
7 |
documentation.
|
|
|
8 |
|
|
|
9 |
Features
|
|
|
10 |
-------------------
|
|
|
11 |
"Moono-lisa" is a monochromatic skin, which offers a modern, flat and minimalistic look which blends very well in modern design.
|
|
|
12 |
It comes with the following features:
|
|
|
13 |
|
|
|
14 |
- Chameleon feature with brightness.
|
|
|
15 |
- High-contrast compatibility.
|
|
|
16 |
- Graphics source provided in SVG.
|
|
|
17 |
|
|
|
18 |
Directory Structure
|
|
|
19 |
-------------------
|
|
|
20 |
|
|
|
21 |
CSS parts:
|
|
|
22 |
- **editor.css**: the main CSS file. It's simply loading several other files, for easier maintenance,
|
|
|
23 |
- **mainui.css**: the file contains styles of entire editor outline structures,
|
|
|
24 |
- **toolbar.css**: the file contains styles of the editor toolbar space (top),
|
|
|
25 |
- **richcombo.css**: the file contains styles of the rich combo ui elements on toolbar,
|
|
|
26 |
- **panel.css**: the file contains styles of the rich combo drop-down, it's not loaded
|
|
|
27 |
until the first panel open up,
|
|
|
28 |
- **elementspath.css**: the file contains styles of the editor elements path bar (bottom),
|
|
|
29 |
- **menu.css**: the file contains styles of all editor menus including context menu and button drop-down,
|
|
|
30 |
it's not loaded until the first menu open up,
|
|
|
31 |
- **dialog.css**: the CSS files for the dialog UI, it's not loaded until the first dialog open,
|
|
|
32 |
- **reset.css**: the file defines the basis of style resets among all editor UI spaces,
|
|
|
33 |
- **preset.css**: the file defines the default styles of some UI elements reflecting the skin preference,
|
|
|
34 |
- **editor_XYZ.css** and **dialog_XYZ.css**: browser specific CSS hacks.
|
|
|
35 |
|
|
|
36 |
Other parts:
|
|
|
37 |
- **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,
|
|
|
38 |
- **images/**: contains a fill general used images,
|
|
|
39 |
- **dev/**: contains SVG and PNG source of the skin icons.
|
|
|
40 |
|
|
|
41 |
License
|
|
|
42 |
-------
|
|
|
43 |
|
|
|
44 |
Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
|
|
|
45 |
|
|
|
46 |
For licensing, see LICENSE.md or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license)
|