“Kama” Skin

“Kama” is the default skin of CKEditor 3.x. It's been ported to CKEditor 4 and fully featured.

For more information about skins, please check the CKEditor Skin SDK documentation.

Directory Structure

CSS parts:

editor.css: the main CSS file. It's simply loading several other files, for easier maintenance,
mainui.css: the file contains styles of entire editor outline structures,
toolbar.css: the file contains styles of the editor toolbar space (top),
richcombo.css: the file contains styles of the rich combo ui elements on toolbar,
panel.css: the file contains styles of the rich combo drop-down, it's not loaded until the first panel open up,
elementspath.css: the file contains styles of the editor elements path bar (bottom),
menu.css: the file contains styles of all editor menus including context menu and button drop-down, it's not loaded until the first menu open up,
dialog.css: the CSS files for the dialog UI, it's not loaded until the first dialog open,
reset.css: the file defines the basis of style resets among all editor UI spaces,
preset.css: the file defines the default styles of some UI elements reflecting the skin preference,
editor_XYZ.css and dialog_XYZ.css: browser specific CSS hacks.

Other parts:

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,
icons/: contains all skin defined icons,
images/: contains a fill general used images.