You are here

Home » API reference » CKEditor for WYSIWYG Module 7

ckeditor-iframe.css in CKEditor for WYSIWYG Module 7

Same filename and directory in other branches
  1. 8 css/ckeditor-iframe.css
/**
 * CSS added to iframe-based instances only.
 */
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #222;
  background-color: #fff;
  margin: 8px;
}

ol, ul, dl {
  /* IE7: reset rtl list margin. (CKEditor issue #7334) */
  *margin-right: 0px;
  /* Preserved spaces for list items with text direction other than the list.
   * (CKEditor issues #6249,#8049) */
  padding: 0 40px;
}

/* The Drupal <!--break--> tag is only shown in iframe based editing. */
.cke_editable img.cke_drupal_break {
  background-image: url(../images/break-handle.png);
  background-position: center center;
  background-repeat: no-repeat;
  clear: both;
  display: block;
  float: none;
  width: 100%;
  border-top: #999999 1px dotted;
  border-bottom: #999999 1px dotted;
  height: 5px;
  cursor: move;
  margin: 10px 0;
}

File

css/ckeditor-iframe.css
View source 
  1. /**

  2.  * CSS added to iframe-based instances only.

  3.  */

  4. body {

  5.   font-family: Arial, Verdana, sans-serif;

  6.   font-size: 12px;

  7.   color: #222;

  8.   background-color: #fff;

  9.   margin: 8px;

  10. }

  11. 

  12. ol, ul, dl {

  13.   /* IE7: reset rtl list margin. (CKEditor issue #7334) */

  14.   *margin-right: 0px;

  15.   /* Preserved spaces for list items with text direction other than the list.

  16.    * (CKEditor issues #6249,#8049) */

  17.   padding: 0 40px;

  18. }

  19. 

  20. /* The Drupal  tag is only shown in iframe based editing. */

  21. .cke_editable img.cke_drupal_break {

  22.   background-image: url(../images/break-handle.png);

  23.   background-position: center center;

  24.   background-repeat: no-repeat;

  25.   clear: both;

  26.   display: block;

  27.   float: none;

  28.   width: 100%;

  29.   border-top: #999999 1px dotted;

  30.   border-bottom: #999999 1px dotted;

  31.   height: 5px;

  32.   cursor: move;

  33.   margin: 10px 0;

  34. }