You are here

Home » API reference » CKEditor - WYSIWYG HTML editor 6

ckeditor.css in CKEditor - WYSIWYG HTML editor 6 

/* Indent & Justify classes */

.rteindent1 {
  margin-left: 40px;
}
.rteindent2 {
  margin-left: 80px;
}
.rteindent3 {
  margin-left: 120px;
}
.rteindent4 {
  margin-left: 160px;
}
.rteleft {
  text-align: left;
}
.rteright {
  text-align: right;
}
.rtecenter {
  text-align: center;
}
.rtejustify {
  text-align: justify;
}
.ibimage_left {
  float: left;
}
.ibimage_right {
  float: right;
}

/* CKEditor padding in IE */
table.cke_editor fieldset {
  padding:0 !important;
}
/* hack with ie and garland editing area size fix - [#733512] */
.cke_editor{
  display: table !important;
}
.cke_editor,#ie#bug {
  display: inline-table !important;
}

.cke_panel_listItem {
    background-image: none;
    padding-left: 0;
}
/* remove top border from tbody - overwrite system.css - [#751672] */
tbody {
    border: 0;
}

/*toolbar wizzard*/
form#ckeditor-admin-profile-form textarea#edit-toolbar, form#ckeditor-admin-global-profile-form textarea#edit-toolbar {
    display: none;
}
form#ckeditor-admin-profile-form #edit-toolbar + .grippie, form#ckeditor-admin-global-profile-form #edit-toolbar + .grippie {
    display: none;
}
div.sortableList {
    cursor: n-resize;
}
div.widthMarker {
    height: 20px;
    border-top: 1px dashed #CCC;
    margin: 10px 0px 0px 1px;
    padding-left: 1px;
    text-align: center;
}
div.sortableList.group {
    margin: 20px 0px 0px 0px;
}
div.sortableList div.sortableListDiv {
    height: 30px;
    margin-bottom: 3px;
    width: 900px;
}
div.sortableList div.sortableListDiv span.sortableListSpan {
    background-color: #F0F0EE;
    height: 30px;
    border-right: 1px dashed #CCC;
    display: block;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul {
    background: none;
    width: 900px;
    white-space: nowrap;
    border: 1px solid #CCC;
    list-style: none;
    margin:0px;
    padding: 0px 0px 0px 1px;
    height: 30px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li {
    background: none;
    list-style: none;
    cursor: move;
    height: 18px;
    min-width: 18px;
    padding: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {
    min-width: 5px;
    padding-left: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li img {
    border: 0;
    padding: 0;
    margin: 0
}
li.sortableItem {
    position: relative;
    float: left;
    margin: 3px 1px 1px 0px;
    border: 1px solid #CCC;
    background-color: #F0F0EE;
    z-index: 99;
}

/* Fix for fieldset for-edit-apperance in Firefox*/
fieldset#edit-appearance div#groupLayout, div#allButtons  {
  border: 0;
  padding: 0 0 0 0;
  margin: 1em 0;
  overflow: auto;
}

/**
 * Fix for double scrollbar on ckeditor menu dropdowns in IE - [#1361894]
 */
.cke_browser_ie .cke_panel_block {
    overflow: hidden !important;
}

File

ckeditor.css
View source 
  1. /* Indent & Justify classes */

  2. 

  3. .rteindent1 {

  4.   margin-left: 40px;

  5. }

  6. .rteindent2 {

  7.   margin-left: 80px;

  8. }

  9. .rteindent3 {

  10.   margin-left: 120px;

  11. }

  12. .rteindent4 {

  13.   margin-left: 160px;

  14. }

  15. .rteleft {

  16.   text-align: left;

  17. }

  18. .rteright {

  19.   text-align: right;

  20. }

  21. .rtecenter {

  22.   text-align: center;

  23. }

  24. .rtejustify {

  25.   text-align: justify;

  26. }

  27. .ibimage_left {

  28.   float: left;

  29. }

  30. .ibimage_right {

  31.   float: right;

  32. }

  33. 

  34. /* CKEditor padding in IE */

  35. table.cke_editor fieldset {

  36.   padding:0 !important;

  37. }

  38. /* hack with ie and garland editing area size fix - [#733512] */

  39. .cke_editor{

  40.   display: table !important;

  41. }

  42. .cke_editor,#ie#bug {

  43.   display: inline-table !important;

  44. }

  45. 

  46. .cke_panel_listItem {

  47.     background-image: none;

  48.     padding-left: 0;

  49. }

  50. /* remove top border from tbody - overwrite system.css - [#751672] */

  51. tbody {

  52.     border: 0;

  53. }

  54. 

  55. /*toolbar wizzard*/

  56. form#ckeditor-admin-profile-form textarea#edit-toolbar, form#ckeditor-admin-global-profile-form textarea#edit-toolbar {

  57.     display: none;

  58. }

  59. form#ckeditor-admin-profile-form #edit-toolbar + .grippie, form#ckeditor-admin-global-profile-form #edit-toolbar + .grippie {

  60.     display: none;

  61. }

  62. div.sortableList {

  63.     cursor: n-resize;

  64. }

  65. div.widthMarker {

  66.     height: 20px;

  67.     border-top: 1px dashed #CCC;

  68.     margin: 10px 0px 0px 1px;

  69.     padding-left: 1px;

  70.     text-align: center;

  71. }

  72. div.sortableList.group {

  73.     margin: 20px 0px 0px 0px;

  74. }

  75. div.sortableList div.sortableListDiv {

  76.     height: 30px;

  77.     margin-bottom: 3px;

  78.     width: 900px;

  79. }

  80. div.sortableList div.sortableListDiv span.sortableListSpan {

  81.     background-color: #F0F0EE;

  82.     height: 30px;

  83.     border-right: 1px dashed #CCC;

  84.     display: block;

  85. }

  86. div.sortableList div.sortableListDiv span.sortableListSpan ul {

  87.     background: none;

  88.     width: 900px;

  89.     white-space: nowrap;

  90.     border: 1px solid #CCC;

  91.     list-style: none;

  92.     margin:0px;

  93.     padding: 0px 0px 0px 1px;

  94.     height: 30px;

  95. }

  96. div.sortableList div.sortableListDiv span.sortableListSpan ul li {

  97.     background: none;

  98.     list-style: none;

  99.     cursor: move;

  100.     height: 18px;

  101.     min-width: 18px;

  102.     padding: 2px;

  103. }

  104. div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {

  105.     min-width: 5px;

  106.     padding-left: 2px;

  107. }

  108. div.sortableList div.sortableListDiv span.sortableListSpan ul li img {

  109.     border: 0;

  110.     padding: 0;

  111.     margin: 0

  112. }

  113. li.sortableItem {

  114.     position: relative;

  115.     float: left;

  116.     margin: 3px 1px 1px 0px;

  117.     border: 1px solid #CCC;

  118.     background-color: #F0F0EE;

  119.     z-index: 99;

  120. }

  121. 

  122. /* Fix for fieldset for-edit-apperance in Firefox*/

  123. fieldset#edit-appearance div#groupLayout, div#allButtons  {

  124.   border: 0;

  125.   padding: 0 0 0 0;

  126.   margin: 1em 0;

  127.   overflow: auto;

  128. }

  129. 

  130. /**

  131.  * Fix for double scrollbar on ckeditor menu dropdowns in IE - [#1361894]

  132.  */

  133. .cke_browser_ie .cke_panel_block {

  134.     overflow: hidden !important;

  135. }