resources/themes/stylesheets/ext4/default/widgets/form/_htmleditor.scss

   1 @mixin extjs-form-htmleditor {
   2     .#{$prefix}html-editor-wrap {
   3         border: 1px solid $html-editor-border-color;
   4
   5         .#{$prefix}toolbar {
   6             border-top-width: 0;
   7             border-left-width: 0;
   8             border-right-width: 0;
   9         }
  10
  11         textarea {
  12             background-color: $html-editor-background-color;
  13         }
  14     }
  15
  16     .#{$prefix}html-editor-tb .#{$prefix}btn-text {
  17         background:transparent theme-image($theme-name, 'editor/tb-sprite.gif') no-repeat;
  18     }
  19
  20     .#{$prefix}html-editor-tb .#{$prefix}edit-bold,
  21     .#{$prefix}menu-item img.#{$prefix}edit-bold {
  22         background-position:0 0;
  23         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  24     }
  25
  26     .#{$prefix}html-editor-tb .#{$prefix}edit-italic,
  27     .#{$prefix}menu-item img.#{$prefix}edit-italic {
  28         background-position:-16px 0;
  29         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  30     }
  31
  32     .#{$prefix}html-editor-tb .#{$prefix}edit-underline,
  33     .#{$prefix}menu-item img.#{$prefix}edit-underline {
  34         background-position:-32px 0;
  35         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  36     }
  37
  38     .#{$prefix}html-editor-tb .#{$prefix}edit-forecolor,
  39     .#{$prefix}menu-item img.#{$prefix}edit-forecolor {
  40         background-position:-160px 0;
  41         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  42     }
  43
  44     .#{$prefix}html-editor-tb .#{$prefix}edit-backcolor,
  45     .#{$prefix}menu-item img.#{$prefix}edit-backcolor {
  46         background-position:-176px 0;
  47         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  48     }
  49
  50     .#{$prefix}html-editor-tb .#{$prefix}edit-justifyleft,
  51     .#{$prefix}menu-item img.#{$prefix}edit-justifyleft {
  52         background-position:-112px 0;
  53         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  54     }
  55
  56     .#{$prefix}html-editor-tb .#{$prefix}edit-justifycenter,
  57     .#{$prefix}menu-item img.#{$prefix}edit-justifycenter {
  58         background-position:-128px 0;
  59         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  60     }
  61
  62     .#{$prefix}html-editor-tb .#{$prefix}edit-justifyright,
  63     .#{$prefix}menu-item img.#{$prefix}edit-justifyright {
  64         background-position:-144px 0;
  65         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  66     }
  67
  68     .#{$prefix}html-editor-tb .#{$prefix}edit-insertorderedlist,
  69     .#{$prefix}menu-item img.#{$prefix}edit-insertorderedlist {
  70         background-position:-80px 0;
  71         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  72     }
  73
  74     .#{$prefix}html-editor-tb .#{$prefix}edit-insertunorderedlist,
  75     .#{$prefix}menu-item img.#{$prefix}edit-insertunorderedlist {
  76         background-position:-96px 0;
  77         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  78     }
  79
  80     .#{$prefix}html-editor-tb .#{$prefix}edit-increasefontsize,
  81     .#{$prefix}menu-item img.#{$prefix}edit-increasefontsize {
  82         background-position:-48px 0;
  83         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  84     }
  85
  86     .#{$prefix}html-editor-tb .#{$prefix}edit-decreasefontsize,
  87     .#{$prefix}menu-item img.#{$prefix}edit-decreasefontsize {
  88         background-position:-64px 0;
  89         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  90     }
  91
  92     .#{$prefix}html-editor-tb .#{$prefix}edit-sourceedit,
  93     .#{$prefix}menu-item img.#{$prefix}edit-sourceedit {
  94         background-position:-192px 0;
  95         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
  96     }
  97
  98     .#{$prefix}html-editor-tb .#{$prefix}edit-createlink,
  99     .#{$prefix}menu-item img.#{$prefix}edit-createlink {
 100         background-position: -208px 0;
 101         background-image: theme-image($theme-name, 'editor/tb-sprite.gif');
 102     }
 103
 104     .#{$prefix}html-editor-tip .#{$prefix}tip-bd .#{$prefix}tip-bd-inner {
 105         padding: 5px;
 106         padding-bottom: 1px;
 107     }
 108
 109     .#{$prefix}html-editor-tb {
 110         .#{$prefix}toolbar {
 111             position: static !important;
 112         }
 113         .#{$prefix}font-select {
 114             font-size: 11px;
 115         }
 116     }
 117
 118     .x-html-editor-wrap textarea {
 119         border: 0;
 120         padding: 3px 2px;
 121         overflow: auto;
 122     }
 123 }