public/javascripts/tiny_mce/themes/advanced/css/editor_content.css

   1 /* This file contains the CSS data for the editable area(iframe) of TinyMCE */
   2 /* You can extend this CSS by adding your own CSS file with the the content_css option */
   3
   4 body, td, pre {
   5         font-family: Verdana, Arial, Helvetica, sans-serif;
   6         font-size: 10px;
   7 }
   8
   9 body {
  10         background-color: #FFFFFF;
  11 }
  12
  13 .mceVisualAid {
  14         border: 1px dashed #BBBBBB !important;
  15 }
  16
  17 div.mceVisualAid {
  18         background-image:url('../images/spacer.gif');
  19         visibility: visible !important;
  20 }
  21
  22 .mceItemAnchor {
  23         width: 12px;
  24         line-height: 6px;
  25         overflow: hidden;
  26         padding-left: 12px;
  27         background-image: url('../images/anchor_symbol.gif');
  28         background-position: bottom;
  29         background-repeat: no-repeat;
  30 }
  31
  32 /* Important is needed in Gecko browsers inorder to style links */
  33 /*
  34 a {
  35         color: green !important;
  36 }
  37 */
  38
  39 /* Style selection range colors in Gecko browsers */
  40 /*
  41 ::-moz-selection {
  42         background-color: red;
  43         color: green;
  44 }
  45 */
  46
  47 /* MSIE specific */
  48
  49 * html body {
  50         scrollbar-3dlight-color: #F0F0EE;
  51         scrollbar-arrow-color: #676662;
  52         scrollbar-base-color: #F0F0EE;
  53         scrollbar-darkshadow-color: #DDDDDD;
  54         scrollbar-face-color: #E0E0DD;
  55         scrollbar-highlight-color: #F0F0EE;
  56         scrollbar-shadow-color: #F0F0EE;
  57         scrollbar-track-color: #F5F5F5;
  58 }