History

Nabeel S 77a4acb569 Update dependencies (#1188 )		2021-05-14 13:02:47 -04:00
..
images	Switch toolchain from yarn to npm	2020-09-04 13:28:17 -04:00
dialog_ie7.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
dialog_ie8.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
dialog_ie.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
dialog_iequirks.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
dialog.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
editor_ie7.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
editor_ie8.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
editor_ie.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
editor_iequirks.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
editor.css	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
icons_hidpi.png	Switch toolchain from yarn to npm	2020-09-04 13:28:17 -04:00
icons.png	Switch toolchain from yarn to npm	2020-09-04 13:28:17 -04:00
readme.md	Update dependencies (#1188 )	2021-05-14 13:02:47 -04:00
skin.js	Switch toolchain from yarn to npm	2020-09-04 13:28:17 -04:00

"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.