[Summary view] [Print] [Text view]

   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-2013, 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.