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