f2f5177cede4ab8e919f9b64da7ae3334e1bb544
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / rtehtmlarea / htmlarea.css
1 /* Selectors for the htmlArea RTE editor */
2 .htmlarea {
3 margin: 0 2px 0 0;
4 padding: 0;
5 }
6 .pleasewait {
7 position: relative;
8 margin-top:30px;
9 padding: 20px 0 20px 50px;
10 font-size: 11px !important;
11 text-align: left;
12 background: url("images/status/loading.gif") no-repeat 10px center;
13 vertical-align: middle;
14 color: #7F8083;
15 }
16 .editorWrap {
17 margin:0;padding:0;
18 }
19 .editorWrap textarea {
20 border: 1px solid #A2AAB8;
21 border-style:solid;
22 border-color:#A2AAB8;
23 border-width:0px 1px 1px 1px;
24 padding:0px 1px;
25 margin:0;
26 }
27 .editorWrap .resizable {
28 background-image: url("images/status/resizable.gif");
29 background-position: bottom right;
30 background-repeat: no-repeat;
31 }
32 .editorWrap div.resizable {
33 padding-right: 7px;
34 padding-bottom: 5px;
35 }
36 /* Selectors for the editor toolbar */
37 .htmlarea .toolbar {
38 background-color: #EFEFF4;
39 cursor: default;
40 border: 1px solid #A2AAB8;
41 border-bottom: 0;
42 margin: 0;
43 padding: 2px;
44 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
45 }
46 .htmlarea .toolbar .tb-group {
47 clear:none;
48 float:left;
49 margin:1px 2px 0px 0px;
50 padding:0;
51 }
52 .htmlarea .toolbar .x-form-item {
53 float: left;
54 margin:0;
55 }
56 .htmlarea .toolbar .x-form-item-label {
57 vertical-align:middle;
58 background-color:transparent;
59 border-style:none;
60 margin:0;padding:3px 3px 0px 3px;
61 }
62 .htmlarea .toolbar .button {
63 background-color: transparent;
64 color: ButtonText;
65 border-style: solid;
66 border-width: 1px;
67 border-color: transparent;
68 border-collapse: separate;
69 margin: 0 0 4px 0;
70 padding: 0;
71 float: left;
72 }
73 .htmlarea .toolbar .x-btn-mc {
74 background-color: transparent;
75 background-image: none;
76 border-style: none;
77 margin: 0;
78 padding: 0;
79 }
80 .htmlarea .toolbar .x-btn-tl,
81 .htmlarea .toolbar .x-btn-tc,
82 .htmlarea .toolbar .x-btn-tr,
83 .htmlarea .toolbar .x-btn-ml,
84 .htmlarea .toolbar .x-btn-mr,
85 .htmlarea .toolbar .x-btn-bl,
86 .htmlarea .toolbar .x-btn-bc,
87 .htmlarea .toolbar .x-btn-br {
88 display: none;
89 }
90 .htmlarea .toolbar .x-btn-text {
91 background-image: url("images/sprites/actions.png");
92 background-repeat: no-repeat;
93 width: 20px;
94 height: 18px;
95 padding: 0;
96 margin: 1px 0 1px 2px;
97 }
98 .htmlarea .toolbar .buttonHover {
99 border-style: solid;
100 border-width: 1px;
101 border-color: white #C5C5D5 #C5C5D5 white;
102 background-color: #E0E0E9;
103 opacity: 1.00;
104 }
105 .htmlarea .toolbar .buttonActive,
106 .htmlarea .toolbar .buttonPressed,
107 .htmlarea-context-menu .buttonActive {
108 border-style: solid;
109 border-width: 1px;
110 border-color: #C5C5D5 #C5C5D5 #C5C5D5 #C5C5D5;
111 background-color: ButtonHighlight;
112 text-decoration: none;
113 opacity: 1.00;
114 }
115 .htmlarea .toolbar .indicator {
116 background-color:white;cursor:default;
117 width:20px;overflow:hidden;
118 height:16px;
119 text-align:center;
120 border:1px solid ButtonShadow;
121 margin:3px 1px 4px 1px;padding:0 3px;
122 float:left;
123 }
124 .htmlarea .toolbar .buttonDisabled {
125 filter: gray() alpha(opacity=25);
126 opacity: 0.25;
127 -moz-opacity: 0.25;
128 }
129 .htmlarea .toolbar .separator {
130 background-color: transparent;
131 background-image: url("images/separator.gif");
132 background-repeat: no-repeat;
133 background-position: 0 -1px;
134 width: 7px;
135 height: 23px;
136 border: 1px solid #EFEFF4;
137 float: left;
138 }
139 .htmlarea .toolbar .space {
140 background-color:transparent;
141 height:22px;
142 border-style:none;
143 margin:0;padding:0 1px;
144 float:left;
145 }
146 .htmlarea .toolbar .select {
147 color:WindowText;
148 font-size:10px;
149 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
150 height:18px;
151 border:1px solid #A2AAB8;
152 margin: 0 0 4px 0;
153 padding: 1px;
154 }
155 .htmlarea .toolbar .select, .htmlarea .toolbar .select:hover, .htmlarea .toolbar .select:active {
156 background-color:Window;
157 }
158 .htmlarea .toolbar .select .buttonDisabled {
159 color:GrayText;
160 background-color:#EFEFF4;
161 }
162 .htmlarea .editorIframe {
163 clear:both;
164 width:100%;
165 border:1px solid #A2AAB8;border-bottom:1px solid #e4e0db;
166 margin:0;padding:0;
167 }
168 .htmlarea .noStatusBar {
169 border-bottom:1px solid #A2AAB8;
170 }
171 .htmlarea .statusBar {
172 color: #FFFFFF;
173 background-color: #EFEFF4;
174 background-image: url("images/alt_menu_mainitem_bg.gif");
175 background-repeat: repeat;
176 font-size: 10px;
177 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
178 border: 1px solid;
179 border-color: #C5C5D5 #A2AAB8 #A2AAB8 #A2AAB8;
180 margin: 0;
181 padding: 0 3px;
182 line-height: 20px;
183 }
184 .htmlarea .statusBar .statusBarTree a {
185 color:#FFFFFF;
186 text-decoration:none;
187 font-weight:bold;
188 padding:0px 5px;
189 }
190 .htmlarea .statusBar .statusBarTree a:visited {
191 color:#FFFFFF;
192 }
193 .htmlarea .statusBar .statusBarTree a:hover {
194 text-decoration: underline;
195 }
196 /* Selectors for dialogue windows */
197 .htmlarea-window .x-panel-icon {
198 background-image: url("images/sprites/actions.png");
199 background-repeat: no-repeat;
200 margin-top: 2px;
201 height: 22px;
202 }
203 .htmlarea-window ul.x-tab-strip {
204 list-style: none;
205 }
206 .htmlarea-window .x-tab-panel-body {
207 background-color: #EFEFF4;
208 }
209 .htmlarea-window .x-fieldset {
210 margin: 3px;
211 }
212 .htmlarea-window .x-form-item-label {
213 font-size: 10px;
214 text-align: right;
215 margin: 0;
216 padding: 3px 5px 0 5px;
217 }
218 .htmlarea-window .x-btn-text {
219 font-weight: normal;
220 color: #000000;
221 }
222 .htmlarea-window .x-form-check-wrap {
223 padding-top: 3px;
224 }
225 .htmlarea-window iframe {
226 background-color: #FFF;
227 color: #000;
228 border: 1px solid #A2AAB8;
229 }
230 .htmlarea-window iframe.content-iframe {
231 background-color: #EFEFF4;
232 }
233 .htmlarea-window .show-color {
234 margin-top: 10px;
235 border-style: solid;
236 border-width: 1px;
237 border-color: white;
238 }
239 .htmlarea-custom-colors a {
240 border-style: none;
241 float: none;
242 display: block;
243 width: 100%;
244 }
245 .htmlarea-custom-colors em {
246 display: block;
247 border: 1px solid;
248 border-color: #C5C5D5;
249 width: 100%;
250 }
251 .htmlarea-custom-colors em span {
252 width: 100%;
253 }
254 /* Selectors for the About dialogue */
255 .htmlarea-window .about-plugins .x-list-body dt {
256 overflow: auto;
257 white-space: normal;
258 }
259 /* Selectors for the default image dialogue */
260 .htmlarea-window .image-preview {
261 height: 300px;
262 width: 99%;
263 float: right;
264 }
265 /* Selectors for the InsertSmiley plugin */
266 .htmlarea-window .emoticon-array {
267 padding: 10px;
268 }
269 .htmlarea-window .emoticon {
270 display: block;
271 float: left;
272 padding: 5px;
273 width: 20px;
274 height: 20px;
275 vertical-align: middle;
276 }
277 /* Selectors for the CharacterMap dialogue */
278 .htmlarea-window .character-map .character {
279 display: block;
280 float: left;
281 width: 20px;
282 font-size: 14px;
283 font-weight: bold;
284 text-align: center;
285 padding: 5px 3px;
286 border: 1px solid transparent;
287 }
288 .htmlarea-window .character-map .character:hover {
289 background-color: #FFFFFF;
290 border: 1px solid #A2AAB8;
291 }
292 /* Selectors for the SpellChecker dialogue */
293 .htmlarea-window .spell-check .controls {
294 text-align: center;
295 width: 175px;
296 margin: 3px;
297 }
298 .htmlarea-window .spell-check .controls .x-btn {
299 margin-top: 3px;
300 margin-left: 8px;
301 }
302 .htmlarea-window .spell-check .contentframe {
303 float: right;
304 height: 450px;
305 margin: 9px 0px;
306 }
307 /* Selectors for the ContextMenu plugin */
308 .htmlarea-context-menu {
309 background-color:#EFEFF4;
310 color:#212424;
311 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
312 font-size:10px;
313 }
314 .htmlarea-context-menu ul {
315 list-style: none;
316 margin: 0;
317 }
318 .htmlarea-context-menu li {
319 margin: 0;
320 padding: 0;
321 border-width: 0;
322 }
323 .htmlarea-context-menu a {
324 font-weight: normal;
325 }
326 .htmlarea-context-menu .button {
327 background-color: transparent;
328 margin: 0 2px 0 0;
329 padding-top: 1px;
330 }
331 .htmlarea-context-menu .separator {
332 border-top: 1px solid #A2AAB8;
333 }
334 .htmlarea-context-menu .hover {
335 background-image: url("images/alt_menu_mainitem_bg.gif");
336 background-repeat: repeat-x;
337 color: #FFF;
338 margin: 0 2px 0 0;
339 padding-top: 1px;
340 border-color: #A2AAB8;
341 }
342 .htmlarea-context-menu .x-menu-item-icon {
343 background-image: url("images/sprites/actions.png");
344 background-repeat: no-repeat;
345 margin-top: -2px;
346 margin-left: -2px;
347 width: 18px;
348 height: 18px;
349 }
350 /* Window status bar selectors */
351 .htmlarea-window .status-ready {
352 padding-left: 21px !important;
353 background-repeat: no-repeat;
354 background-image: url("images/status/dialog-ok.png");
355 background-position: 0px 2px;
356 }
357 .htmlarea-window .status-info {
358 padding-left: 21px !important;
359 background-repeat: no-repeat;
360 background-image: url("images/status/dialog-information.png");
361 background-position: 0px 2px;
362 }
363 .htmlarea-window .status-wait {
364 padding-left: 45px !important;
365 background-repeat: no-repeat;
366 background-image: url("images/status/loading-balls.gif");
367 background-position: 0px 6px;
368 }
369 .x-statusbar .x-btn {
370 margin-left: 5px;
371 }
372 .x-statusbar .x-status-text {
373 cursor: default;
374 }
375
376 /* Button background positioning in window status bar*/
377 .x-statusbar .x-btn-tl{
378 background-position: 0 0;
379 }
380 .x-statusbar .x-btn-tr{
381 background-position: -3px 0;
382 }
383 .x-statusbar .x-btn-tc{
384 background-position: 0 -6px;
385 }
386 .x-statusbar .x-btn-ml{
387 background-position: 0 -24px;
388 }
389 .x-statusbar .x-btn-mr{
390 background-position: -3px -24px;
391 }
392 .x-statusbar .x-btn-mc{
393 background-position: 0 -1096px;
394 }
395 .x-statusbar .x-btn-bl{
396 background-position: 0 -3px;
397 }
398 .x-statusbar .x-btn-br{
399 background-position: -3px -3px;
400 }
401 .x-statusbar .x-btn-bc{
402 background-position: 0 -15px;
403 }
404 /* Action icon selectors for toolbar, context menu and window headers */
405 .htmlarea-action-abbreviation-edit { background-position: 0 0 !important; }
406 .htmlarea-action-bidi-override { background-position: 0 -58px !important; }
407 .htmlarea-action-big { background-position: 0 -116px !important; }
408 .htmlarea-action-blockquote { background-position: 0 -174px !important; }
409 .htmlarea-action-bold { background-position: 0 -232px !important; }
410 .htmlarea-action-cell-delete { background-position: 0 -290px !important; }
411 .htmlarea-action-cell-edit-properties { background-position: 0 -348px !important; }
412 .htmlarea-action-cell-insert-after { background-position: 0 -406px !important; }
413 .htmlarea-action-cell-insert-before { background-position: 0 -464px !important; }
414 .htmlarea-action-cell-merge { background-position: 0 -522px !important; }
415 .htmlarea-action-cell-split { background-position: 0 -580px !important; }
416 .htmlarea-action-character-insert-from-map { background-position: 0 -638px !important; }
417 .htmlarea-action-citation { background-position: 0 -696px !important; }
418 .htmlarea-action-code { background-position: 0 -754px !important; }
419 .htmlarea-action-color-background { background-position: 0 -812px !important; }
420 .htmlarea-action-color-foreground { background-position: 0 -870px !important; }
421 .htmlarea-action-column-delete { background-position: 0 -928px !important; }
422 .htmlarea-action-column-edit-properties { background-position: 0 -986px !important; }
423 .htmlarea-action-column-insert-after { background-position: 0 -1044px !important; }
424 .htmlarea-action-column-insert-before { background-position: 0 -1102px !important; }
425 .htmlarea-action-column-split { background-position: 0 -1160px !important; }
426 .htmlarea-action-copy { background-position: 0 -1218px !important; }
427 .htmlarea-action-cut { background-position: 0 -1276px !important; }
428 .htmlarea-action-definition-list-item { background-position: 0 -1334px !important; }
429 .htmlarea-action-definition-list { background-position: 0 -1392px !important; }
430 .htmlarea-action-definition { background-position: 0 -1450px !important; }
431 .htmlarea-action-delete-item { background-position: 0 -1508px !important; }
432 .htmlarea-action-deleted-text { background-position: 0 -1566px !important; }
433 .htmlarea-action-editor-show-about { background-position: 0 -1624px !important; }
434 .htmlarea-action-editor-toggle-mode { background-position: 0 -1682px !important; }
435 .htmlarea-action-emphasis { background-position: 0 -1740px !important; }
436 .htmlarea-action-find-replace { background-position: 0 -1798px !important; }
437 .htmlarea-action-horizontal-rule-insert { background-position: 0 -1856px !important; }
438 .htmlarea-action-image-edit { background-position: 0 -1914px !important; }
439 .htmlarea-action-indent { background-position: 0 -1972px !important; }
440 .htmlarea-action-inserted-text { background-position: 0 -2030px !important; }
441 .htmlarea-action-italic { background-position: 0 -2088px !important; }
442 .htmlarea-action-justify-center { background-position: 0 -2146px !important; }
443 .htmlarea-action-justify-full { background-position: 0 -2204px !important; }
444 .htmlarea-action-justify-left { background-position: 0 -2262px !important; }
445 .htmlarea-action-justify-right { background-position: 0 -2320px !important; }
446 .htmlarea-action-keyboard { background-position: 0 -2378px !important; }
447 .htmlarea-action-language-marks-show { background-position: 0 -2436px !important; }
448 .htmlarea-action-link-edit { background-position: 0 -2494px !important; }
449 .htmlarea-action-mono-spaced { background-position: 0 -2552px !important; }
450 .htmlarea-action-ordered-list { background-position: 0 -2610px !important; }
451 .htmlarea-action-outdent { background-position: 0 -2668px !important; }
452 .htmlarea-action-paragraph-insert-after { background-position: 0 -2726px !important; }
453 .htmlarea-action-paragraph-insert-before { background-position: 0 -2784px !important; }
454 .htmlarea-action-paste { background-position: 0 -2842px !important; }
455 .htmlarea-action-quotation { background-position: 0 -2900px !important; }
456 .htmlarea-action-redo { background-position: 0 -2958px !important; }
457 .htmlarea-action-remove-format { background-position: 0 -3016px !important; }
458 .htmlarea-action-row-delete { background-position: 0 -3074px !important; }
459 .htmlarea-action-row-edit-properties { background-position: 0 -3132px !important; }
460 .htmlarea-action-row-insert-above { background-position: 0 -3190px !important; }
461 .htmlarea-action-row-insert-under { background-position: 0 -3248px !important; }
462 .htmlarea-action-row-split { background-position: 0 -3306px !important; }
463 .htmlarea-action-sample { background-position: 0 -3364px !important; }
464 .htmlarea-action-small { background-position: 0 -3422px !important; }
465 .htmlarea-action-smiley-insert { background-position: 0 -3480px !important; }
466 .htmlarea-action-span { background-position: 0 -3538px !important; }
467 .htmlarea-action-spell-check { background-position: 0 -3596px !important; }
468 .htmlarea-action-strike-through { background-position: 0 -3654px !important; }
469 .htmlarea-action-strong { background-position: 0 -3712px !important; }
470 .htmlarea-action-subscript { background-position: 0 -3770px !important; }
471 .htmlarea-action-superscript { background-position: 0 -3828px !important; }
472 .htmlarea-action-table-edit-properties { background-position: 0 -3886px !important; }
473 .htmlarea-action-table-insert { background-position: 0 -3944px !important; }
474 .htmlarea-action-table-restyle { background-position: 0 -4002px !important; }
475 .htmlarea-action-table-show-borders { background-position: 0 -4060px !important; }
476 .htmlarea-action-tag-insert { background-position: 0 -4118px !important; }
477 .htmlarea-action-text-direction-left-to-right { background-position: 0 -4176px !important; }
478 .htmlarea-action-text-direction-right-to-left { background-position: 0 -4234px !important; }
479 .htmlarea-action-underline { background-position: 0 -4292px !important; }
480 .htmlarea-action-undo { background-position: 0 -4350px !important; }
481 .htmlarea-action-unlink { background-position: 0 -4408px !important; }
482 .htmlarea-action-unordered-list { background-position: 0 -4466px !important; }
483 .htmlarea-action-user-element-edit { background-position: 0 -4524px !important; }
484 .htmlarea-action-variable { background-position: 0 -4582px !important; }