]> git.proxmox.com Git - extjs.git/blame - extjs/classic/theme-neutral/sass/src/form/field/HtmlEditor.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / classic / theme-neutral / sass / src / form / field / HtmlEditor.scss
CommitLineData
6527f429
DM
1.#{$prefix}html-editor-tb .#{$prefix}btn-icon-el {\r
2 @if $enable-font-icons {\r
3 color: $html-editor-glyph-color;\r
4 }\r
5}\r
6\r
7.#{$prefix}html-editor-tb .#{$prefix}edit-bold,\r
8.#{$prefix}menu-item div.#{$prefix}edit-bold {\r
9 @if $enable-font-icons and ($html-editor-bold-glyph != null) {\r
10 @include font-icon($html-editor-bold-glyph);\r
11 background: none;\r
12 } @else {\r
13 background-position: 0 0;\r
14 background-image: theme-background-image('editor/tb-sprite');\r
15 }\r
16}\r
17\r
18.#{$prefix}html-editor-tb .#{$prefix}edit-italic,\r
19.#{$prefix}menu-item div.#{$prefix}edit-italic {\r
20 @if $enable-font-icons and ($html-editor-italic-glyph != null) {\r
21 @include font-icon($html-editor-italic-glyph);\r
22 background: none;\r
23 } @else {\r
24 background-position: (-$html-editor-toolbar-icon-size) 0;\r
25 background-image: theme-background-image('editor/tb-sprite');\r
26 }\r
27}\r
28\r
29.#{$prefix}html-editor-tb .#{$prefix}edit-underline,\r
30.#{$prefix}menu-item div.#{$prefix}edit-underline {\r
31 @if $enable-font-icons and ($html-editor-underline-glyph != null) {\r
32 @include font-icon($html-editor-underline-glyph);\r
33 background: none;\r
34 } @else {\r
35 background-position: (-$html-editor-toolbar-icon-size * 2) 0;\r
36 background-image: theme-background-image('editor/tb-sprite');\r
37 }\r
38}\r
39\r
40.#{$prefix}html-editor-tb .#{$prefix}edit-forecolor,\r
41.#{$prefix}menu-item div.#{$prefix}edit-forecolor {\r
42 @if $enable-font-icons and ($html-editor-forecolor-glyph != null) {\r
43 @include font-icon($html-editor-forecolor-glyph);\r
44 background: none;\r
45 } @else {\r
46 background-position: (-$html-editor-toolbar-icon-size * 10) 0;\r
47 background-image: theme-background-image('editor/tb-sprite');\r
48 }\r
49}\r
50\r
51.#{$prefix}html-editor-tb .#{$prefix}edit-backcolor,\r
52.#{$prefix}menu-item div.#{$prefix}edit-backcolor {\r
53 @if $enable-font-icons and ($html-editor-backcolor-glyph != null) {\r
54 @include font-icon($html-editor-backcolor-glyph);\r
55 background: none;\r
56 } @else {\r
57 background-position: (-$html-editor-toolbar-icon-size * 11) 0;\r
58 background-image: theme-background-image('editor/tb-sprite');\r
59 }\r
60}\r
61\r
62.#{$prefix}html-editor-tb .#{$prefix}edit-justifyleft,\r
63.#{$prefix}menu-item div.#{$prefix}edit-justifyleft {\r
64 @if $enable-font-icons and ($html-editor-alignleft-glyph != null) {\r
65 @include font-icon($html-editor-alignleft-glyph);\r
66 background: none;\r
67 } @else {\r
68 background-position: (-$html-editor-toolbar-icon-size * 7) 0;\r
69 background-image: theme-background-image('editor/tb-sprite');\r
70 }\r
71}\r
72\r
73.#{$prefix}html-editor-tb .#{$prefix}edit-justifycenter,\r
74.#{$prefix}menu-item div.#{$prefix}edit-justifycenter {\r
75 @if $enable-font-icons and ($html-editor-aligncenter-glyph != null) {\r
76 @include font-icon($html-editor-aligncenter-glyph);\r
77 background: none;\r
78 } @else {\r
79 background-position: (-$html-editor-toolbar-icon-size * 8) 0;\r
80 background-image: theme-background-image('editor/tb-sprite');\r
81 }\r
82}\r
83\r
84.#{$prefix}html-editor-tb .#{$prefix}edit-justifyright,\r
85.#{$prefix}menu-item div.#{$prefix}edit-justifyright {\r
86 @if $enable-font-icons and ($html-editor-alignright-glyph != null) {\r
87 @include font-icon($html-editor-alignright-glyph);\r
88 background: none;\r
89 } @else {\r
90 background-position: (-$html-editor-toolbar-icon-size * 9) 0;\r
91 background-image: theme-background-image('editor/tb-sprite');\r
92 }\r
93}\r
94\r
95.#{$prefix}html-editor-tb .#{$prefix}edit-insertorderedlist,\r
96.#{$prefix}menu-item div.#{$prefix}edit-insertorderedlist {\r
97 @if $enable-font-icons and ($html-editor-numberedlist-glyph != null) {\r
98 @include font-icon($html-editor-numberedlist-glyph);\r
99 background: none;\r
100 } @else {\r
101 background-position: (-$html-editor-toolbar-icon-size * 5) 0;\r
102 background-image: theme-background-image('editor/tb-sprite');\r
103 }\r
104}\r
105\r
106.#{$prefix}html-editor-tb .#{$prefix}edit-insertunorderedlist,\r
107.#{$prefix}menu-item div.#{$prefix}edit-insertunorderedlist {\r
108 @if $enable-font-icons and ($html-editor-bulletlist-glyph != null) {\r
109 @include font-icon($html-editor-bulletlist-glyph);\r
110 background: none;\r
111 } @else {\r
112 background-position: (-$html-editor-toolbar-icon-size * 6) 0;\r
113 background-image: theme-background-image('editor/tb-sprite');\r
114 }\r
115}\r
116\r
117.#{$prefix}html-editor-tb .#{$prefix}edit-increasefontsize,\r
118.#{$prefix}menu-item div.#{$prefix}edit-increasefontsize {\r
119 @if $enable-font-icons and ($html-editor-growtext-glyph != null) {\r
120 @include font-icon($html-editor-growtext-glyph);\r
121 background: none;\r
122 } @else {\r
123 background-position: (-$html-editor-toolbar-icon-size * 3) 0;\r
124 background-image: theme-background-image('editor/tb-sprite');\r
125 }\r
126}\r
127\r
128.#{$prefix}html-editor-tb .#{$prefix}edit-decreasefontsize,\r
129.#{$prefix}menu-item div.#{$prefix}edit-decreasefontsize {\r
130 @if $enable-font-icons and ($html-editor-shrinktext-glyph != null) {\r
131 @include font-icon($html-editor-shrinktext-glyph);\r
132 background: none;\r
133 } @else {\r
134 background-position: (-$html-editor-toolbar-icon-size * 4) 0;\r
135 background-image: theme-background-image('editor/tb-sprite');\r
136 }\r
137}\r
138\r
139.#{$prefix}html-editor-tb .#{$prefix}edit-sourceedit,\r
140.#{$prefix}menu-item div.#{$prefix}edit-sourceedit {\r
141 @if $enable-font-icons and ($html-editor-sourceedit-glyph != null) {\r
142 @include font-icon($html-editor-sourceedit-glyph);\r
143 background: none;\r
144 } @else {\r
145 background-position: (-$html-editor-toolbar-icon-size * 12) 0;\r
146 background-image: theme-background-image('editor/tb-sprite');\r
147 }\r
148}\r
149\r
150.#{$prefix}html-editor-tb .#{$prefix}edit-createlink,\r
151.#{$prefix}menu-item div.#{$prefix}edit-createlink {\r
152 @if $enable-font-icons and ($html-editor-hyperlink-glyph != null) {\r
153 @include font-icon($html-editor-hyperlink-glyph);\r
154 background: none;\r
155 } @else {\r
156 background-position: (-$html-editor-toolbar-icon-size * 13) 0;\r
157 background-image: theme-background-image('editor/tb-sprite');\r
158 }\r
159}\r
160\r
161.#{$prefix}html-editor-tip .#{$prefix}tip-bd .#{$prefix}tip-bd-inner {\r
162 padding: 5px;\r
163 padding-bottom: 1px;\r
164}\r
165\r
166.#{$prefix}html-editor-tb .#{$prefix}font-select {\r
167 font-size: $html-editor-font-select-font-size;\r
168 font-family: $html-editor-font-select-font-family;\r
169}\r
170\r
171.#{$prefix}html-editor-wrap textarea {\r
172 font: $form-field-font-weight $form-field-font-size $form-field-font-family;\r
173 background-color: $html-editor-background-color;\r
174 resize: none;\r
175}