1 @mixin extjs-form-htmleditor {
2 .#{$prefix}html-editor-wrap {
3 border: 1px solid $html-editor-border-color;
12 background-color: $html-editor-background-color;
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');
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');
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');
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');
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');
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');
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');
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');
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');
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');
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');
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');
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');
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');
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');
105 .#{$prefix}html-editor-tip .#{$prefix}tip-bd .#{$prefix}tip-bd-inner {
110 .#{$prefix}html-editor-tb {
112 position: static !important;
114 .#{$prefix}font-select {
119 .x-html-editor-wrap textarea {