| 1 | "Moono" Skin |
|---|
| 2 | ==================== |
|---|
| 3 | |
|---|
| 4 | This skin has been chosen for the **default skin** of CKEditor 4.x (replaced by "Moono-lisa" skin since CKEditor 4.6.0), |
|---|
| 5 | elected from the CKEditor [skin contest](https://ckeditor.com/blog/CKEditor-4-Skin-Contest-Winner/) 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](https://docs.ckeditor.com/ckeditor4/docs/#!/guide/skin_sdk_intro) |
|---|
| 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-2018, CKSource - Frederico Knabben. All rights reserved. |
|---|
| 48 | |
|---|
| 49 | For licensing, see LICENSE.md or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license) |
|---|
