| 1 |
b986a83e
|
Florent Torregrosa
|
"Moono-lisa" Skin
|
| 2 |
|
|
=================
|
| 3 |
85ad3d82
|
Assos Assos
|
|
| 4 |
b986a83e
|
Florent Torregrosa
|
This skin has been made a **default skin** starting from CKEditor 4.6.0 and is maintained by the core developers.
|
| 5 |
85ad3d82
|
Assos Assos
|
|
| 6 |
b986a83e
|
Florent Torregrosa
|
For more information about skins, please check the [CKEditor Skin SDK](https://docs.ckeditor.com/ckeditor4/docs/#!/guide/skin_sdk_intro)
|
| 7 |
85ad3d82
|
Assos Assos
|
documentation.
|
| 8 |
|
|
|
| 9 |
|
|
Features
|
| 10 |
|
|
-------------------
|
| 11 |
b986a83e
|
Florent Torregrosa
|
"Moono-lisa" is a monochromatic skin, which offers a modern, flat and minimalistic look which blends very well in modern design.
|
| 12 |
85ad3d82
|
Assos Assos
|
It comes with the following features:
|
| 13 |
|
|
|
| 14 |
b986a83e
|
Florent Torregrosa
|
- Chameleon feature with brightness.
|
| 15 |
|
|
- High-contrast compatibility.
|
| 16 |
|
|
- Graphics source provided in SVG.
|
| 17 |
85ad3d82
|
Assos Assos
|
|
| 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 |
b986a83e
|
Florent Torregrosa
|
- **dev/**: contains SVG and PNG source of the skin icons.
|
| 40 |
85ad3d82
|
Assos Assos
|
|
| 41 |
|
|
License
|
| 42 |
|
|
-------
|
| 43 |
|
|
|
| 44 |
b986a83e
|
Florent Torregrosa
|
Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
|
| 45 |
85ad3d82
|
Assos Assos
|
|
| 46 |
b986a83e
|
Florent Torregrosa
|
For licensing, see LICENSE.md or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license)
|
