e0f9f0c076acdb9fb509086879e80adb1ef7e458
1 /* Selectors for the htmlArea RTE editor */
9 padding: 20px 0 20px 50px;
10 font-size: 11px !important
;
12 background: url
("images/status/loading.gif") no-repeat
10px center
;
13 vertical-align: middle
;
21 .editorWrap textarea {
24 border-width:0px 1px 1px 1px;
28 .editorWrap .resizable {
29 background-image: url
("images/status/resizable.gif");
30 background-position: bottom right
;
31 background-repeat: no-repeat
;
33 .editorWrap div.resizable {
37 /* Selectors for the editor toolbar */
39 background-color: #f3f3f3;
41 border: 1px solid
#c7c7c7;
45 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
47 .htmlarea .toolbar .tb-group {
50 margin:1px 2px 0px 0px;
53 .htmlarea .toolbar .x-form-item {
57 .htmlarea .toolbar .x-form-item-label {
58 vertical-align:middle
;
59 background-color:transparent
;
61 margin:0;padding:3px 3px 0px 3px;
63 /* Fix combo box left loat in IE6 */
64 body
.ext-ie6
.htmlarea
.toolbar
.x-form-item
{
67 .htmlarea .toolbar .button {
68 background-color: transparent
;
72 border-color: transparent
;
73 border-collapse: separate
;
78 /* fixing button border-color in IE6 */
79 body
.ext-ie6
.htmlarea
.toolbar
.button
{
80 border-color: #f3f3f3;
82 .htmlarea .toolbar .x-btn-mc {
83 background-color: transparent
;
84 background-image: none
;
89 .htmlarea
.toolbar
.x-btn-tl
,
90 .htmlarea
.toolbar
.x-btn-tc
,
91 .htmlarea
.toolbar
.x-btn-tr
,
92 .htmlarea
.toolbar
.x-btn-ml
,
93 .htmlarea
.toolbar
.x-btn-mr
,
94 .htmlarea
.toolbar
.x-btn-bl
,
95 .htmlarea
.toolbar
.x-btn-bc
,
96 .htmlarea .toolbar .x-btn-br {
99 .htmlarea .toolbar .x-btn-text {
100 background-image: url
("images/sprites/actions.png");
101 background-repeat: no-repeat
;
105 margin: 1px 0 1px 2px;
107 body
.ext-ie6
.htmlarea
.toolbar
.x-btn-text
{
108 background-image: url
("images/sprites/actions.gif");
110 /* fixing button background-color and border-color in IE6 */
111 body
.ext-ie6
.htmlarea
.toolbar
.buttonHover
,
112 .htmlarea .toolbar .buttonHover {
115 border-color: white
#C5C5D5 #C5C5D5 white
;
116 background-color: #E0E0E9;
119 /* fixing button background-color and border-color in IE6 */
120 body
.ext-ie6
.htmlarea
.toolbar
.buttonActive
,
121 body
.ext-ie6
.htmlarea
.toolbar
.buttonPressed
,
122 body
.ext-ie6
.htmlarea-context-menu
.buttonActive
,
123 .htmlarea
.toolbar
.buttonActive
,
124 .htmlarea
.toolbar
.buttonPressed
,
125 .htmlarea-context-menu .buttonActive {
128 border-color: #C5C5D5 #C5C5D5 #C5C5D5 #C5C5D5;
129 background-color: ButtonHighlight
;
130 text-decoration: none
;
133 .htmlarea .toolbar .indicator {
135 background-color: white
;
140 border: 1px solid ButtonShadow
;
141 margin: 3px 1px 5px 1px;
145 .htmlarea .toolbar .buttonDisabled {
146 filter: gray
() alpha
(opacity
=25);
150 .htmlarea .toolbar .separator {
151 background-color: transparent
;
152 background-image: url
("images/separator.gif");
153 background-repeat: no-repeat
;
154 background-position: 0 -1px;
157 border: 1px solid
#EFEFF4;
161 .htmlarea .toolbar .space {
162 background-color:transparent
;
165 margin:0;padding:0 1px;
168 .htmlarea .toolbar .select {
172 .htmlarea .toolbar .x-form-item label.x-form-item-label{
175 .htmlarea .toolbar .x-form-field-wrap .x-form-trigger {
178 .htmlarea .toolbar .select, .htmlarea .toolbar .select:hover, .htmlarea .toolbar .select:active {
179 background-color:Window
;
181 .htmlarea .toolbar .select .buttonDisabled {
183 background-color:#EFEFF4;
185 .htmlarea .editorIframe {
188 border:1px solid
#c7c7c7;
192 .htmlarea .noStatusBar {
193 border-bottom:1px solid
#A2AAB8;
195 .htmlarea .statusBar {
196 background-color: #5b5b5b;
197 background-image: url
('../images/backgrounds/row-header.png');
198 background-image: linear-gradient
(center top
, #7f7f7f 10%, #5b5b5b 100%);
199 background-image: -moz-linear-gradient
(center top
, #7f7f7f 10%, #5b5b5b 100%);
200 background-image: -webkit-gradient
(linear
, 0% 0%, 0% 100%, color-stop
(0.1, #7f7f7f), color-stop
(1, #5b5b5b));
201 background-repeat: repeat-x
;
204 border: 1px solid
#c7c7c7;
208 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
210 .htmlarea .statusBar .statusBarTree a {
212 text-decoration:none
;
216 .htmlarea .statusBar .statusBarTree a:visited {
219 .htmlarea .statusBar .statusBarTree a:hover {
220 text-decoration: underline
;
222 .htmlarea .statusBar .statusBarWordCount {
225 /* Selectors for dialogue windows */
226 .htmlarea-window .x-panel-icon {
227 background-image: url
("images/sprites/actions.png");
228 background-repeat: no-repeat
;
232 body
.ext-ie6
.htmlarea-window
.x-panel-icon
{
233 background-image: url
("images/sprites/actions.gif");
235 .htmlarea-window .x-window-header .t3-help-link {
238 .htmlarea-window ul.x-tab-strip {
241 .htmlarea-window .x-tab-panel-body {
242 background-color: #EFEFF4;
244 .htmlarea-window .x-fieldset {
247 .htmlarea-window .x-form-item-label {
251 padding: 3px 5px 0 5px;
253 .htmlarea-window .x-btn-text {
257 .htmlarea-window .x-form-check-wrap {
260 .htmlarea-window iframe {
261 background-color: #FFF;
263 border: 1px solid
#A2AAB8;
265 .htmlarea-window iframe.content-iframe {
266 background-color: #EFEFF4;
268 .htmlarea-window .show-color {
274 .htmlarea-color-menu .htmlarea-custom-colors {
278 .htmlarea-window .htmlarea-custom-colors {
282 .htmlarea-custom-colors a {
283 border-color: transparent
;
288 .htmlarea-window .htmlarea-custom-colors a {
291 .htmlarea-custom-colors em {
294 border-color: #C5C5D5;
297 .htmlarea-custom-colors em span {
300 /* Selectors for the About dialogue */
301 .htmlarea-window .about-plugins .x-list-body dt {
305 /* Selectors for the default image dialogue */
306 .htmlarea-window .image-preview {
311 /* Selectors for the InsertSmiley plugin */
312 .htmlarea-window .emoticon-array {
315 .htmlarea-window .emoticon {
321 vertical-align: middle
;
323 /* Selectors for the CharacterMap dialogue */
324 .htmlarea-window .character-map .character {
333 border: 1px solid transparent
;
335 .htmlarea-window .character-map .character:hover {
336 background-color: #FFFFFF;
337 border: 1px solid
#A2AAB8;
339 /* Selectors for the SpellChecker dialogue */
340 .htmlarea-window .spell-check .controls {
345 .htmlarea-window .spell-check .controls .x-btn {
349 .htmlarea-window .spell-check .contentframe {
354 /* Selectors for the ContextMenu plugin */
355 .htmlarea-context-menu {
356 background-color:#EFEFF4;
358 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
361 .htmlarea-context-menu ul {
365 .htmlarea-context-menu li {
370 .htmlarea-context-menu a {
373 .htmlarea-context-menu .button {
374 background-color: transparent
;
378 .htmlarea-context-menu .separator {
379 border-top: 1px solid
#A2AAB8;
381 .htmlarea-context-menu .hover {
382 background-image: url
("images/alt_menu_mainitem_bg.gif");
383 background-repeat: repeat-x
;
387 border-color: #A2AAB8;
389 .htmlarea-context-menu .x-menu-item-icon {
390 background-image: url
("images/sprites/actions.png");
391 background-repeat: no-repeat
;
397 body
.ext-ie6
.htmlarea-context-menu
.x-menu-item-icon
{
398 background-image: url
("images/sprites/actions.gif");
400 /* Window status bar selectors */
401 .htmlarea-window .status-ready {
402 padding-left: 21px !important
;
403 background-repeat: no-repeat
;
404 background-image: url
("images/status/dialog-ok.png");
405 background-position: 0px 2px;
407 .htmlarea-window .status-info {
408 padding-left: 21px !important
;
409 background-repeat: no-repeat
;
410 background-image: url
("images/status/dialog-information.png");
411 background-position: 0px 2px;
413 .htmlarea-window .status-wait {
414 padding-left: 45px !important
;
415 background-repeat: no-repeat
;
416 background-image: url
("images/status/loading-balls.gif");
417 background-position: 0px 6px;
419 .htmlarea-window .x-toolbar .x-btn {
422 .htmlarea-window .x-toolbar .xtb-text {
425 /* Button background positioning in window status bar*/
426 .htmlarea-window .x-toolbar .x-btn-tl{
427 background-position: 0 0;
429 .htmlarea-window .x-toolbar .x-btn-tr{
430 background-position: -3px 0;
432 .htmlarea-window .x-toolbar .x-btn-tc{
433 background-position: 0 -6px;
435 .htmlarea-window .x-toolbar .x-btn-ml{
436 background-position: 0 -24px;
438 .htmlarea-window .x-toolbar .x-btn-mr{
439 background-position: -3px -24px;
441 .htmlarea-window .x-toolbar .x-btn-mc{
442 background-position: 0 -1096px;
444 .htmlarea-window .x-toolbar .x-btn-bl{
445 background-position: 0 -3px;
447 .htmlarea-window .x-toolbar .x-btn-br{
448 background-position: -3px -3px;
450 .htmlarea-window .x-toolbar .x-btn-bc{
451 background-position: 0 -15px;
453 /* Action icon selectors for toolbar, context menu and window headers */
454 .htmlarea-action-abbreviation-edit{ background-position: 0 0 !important
; }
455 .htmlarea-action-bidi-override{ background-position: 0 -58px !important
; }
456 .htmlarea-action-big{ background-position: 0 -116px !important
; }
457 .htmlarea-action-blockquote{ background-position: 0 -174px !important
; }
458 .htmlarea-action-bold{ background-position: 0 -232px !important
; }
459 .htmlarea-action-cell-delete{ background-position: 0 -290px !important
; }
460 .htmlarea-action-cell-edit-properties{ background-position: 0 -348px !important
; }
461 .htmlarea-action-cell-insert-after{ background-position: 0 -406px !important
; }
462 .htmlarea-action-cell-insert-before{ background-position: 0 -464px !important
; }
463 .htmlarea-action-cell-merge{ background-position: 0 -522px !important
; }
464 .htmlarea-action-cell-split{ background-position: 0 -580px !important
; }
465 .htmlarea-action-character-insert-from-map{ background-position: 0 -638px !important
; }
466 .htmlarea-action-citation{ background-position: 0 -696px !important
; }
467 .htmlarea-action-code{ background-position: 0 -754px !important
; }
468 .htmlarea-action-color-background{ background-position: 0 -812px !important
; }
469 .htmlarea-action-color-foreground{ background-position: 0 -870px !important
; }
470 .htmlarea-action-column-delete{ background-position: 0 -928px !important
; }
471 .htmlarea-action-column-edit-properties{ background-position: 0 -986px !important
; }
472 .htmlarea-action-column-insert-after{ background-position: 0 -1044px !important
; }
473 .htmlarea-action-column-insert-before{ background-position: 0 -1102px !important
; }
474 .htmlarea-action-column-split{ background-position: 0 -1160px !important
; }
475 .htmlarea-action-copy{ background-position: 0 -1218px !important
; }
476 .htmlarea-action-cut{ background-position: 0 -1276px !important
; }
477 .htmlarea-action-definition-list-item{ background-position: 0 -1334px !important
; }
478 .htmlarea-action-definition-list{ background-position: 0 -1392px !important
; }
479 .htmlarea-action-definition{ background-position: 0 -1450px !important
; }
480 .htmlarea-action-delete-item{ background-position: 0 -1508px !important
; }
481 .htmlarea-action-deleted-text{ background-position: 0 -1566px !important
; }
482 .htmlarea-action-editor-show-about{ background-position: 0 -1624px !important
; }
483 .htmlarea-action-editor-toggle-mode{ background-position: 0 -1682px !important
; }
484 .htmlarea-action-element-edit{ background-position: 0 -1740px !important
; }
485 .htmlarea-action-emphasis{ background-position: 0 -1798px !important
; }
486 .htmlarea-action-find-replace{ background-position: 0 -1856px !important
; }
487 .htmlarea-action-horizontal-rule-insert{ background-position: 0 -1914px !important
; }
488 .htmlarea-action-image-edit{ background-position: 0 -1972px !important
; }
489 .htmlarea-action-indent{ background-position: 0 -2030px !important
; }
490 .htmlarea-action-inserted-text{ background-position: 0 -2088px !important
; }
491 .htmlarea-action-italic{ background-position: 0 -2146px !important
; }
492 .htmlarea-action-justify-center{ background-position: 0 -2204px !important
; }
493 .htmlarea-action-justify-full{ background-position: 0 -2262px !important
; }
494 .htmlarea-action-justify-left{ background-position: 0 -2320px !important
; }
495 .htmlarea-action-justify-right{ background-position: 0 -2378px !important
; }
496 .htmlarea-action-keyboard{ background-position: 0 -2436px !important
; }
497 .htmlarea-action-language-marks-show{ background-position: 0 -2494px !important
; }
498 .htmlarea-action-link-edit{ background-position: 0 -2552px !important
; }
499 .htmlarea-action-mono-spaced{ background-position: 0 -2610px !important
; }
500 .htmlarea-action-ordered-list{ background-position: 0 -2668px !important
; }
501 .htmlarea-action-outdent{ background-position: 0 -2726px !important
; }
502 .htmlarea-action-paragraph-insert-after{ background-position: 0 -2784px !important
; }
503 .htmlarea-action-paragraph-insert-before{ background-position: 0 -2842px !important
; }
504 .htmlarea-action-paste-behaviour{ background-position: 0 -2900px !important
; }
505 .htmlarea-action-paste-toggle{ background-position: 0 -2958px !important
; }
506 .htmlarea-action-paste{ background-position: 0 -3016px !important
; }
507 .htmlarea-action-quotation{ background-position: 0 -3074px !important
; }
508 .htmlarea-action-redo{ background-position: 0 -3132px !important
; }
509 .htmlarea-action-remove-format{ background-position: 0 -3190px !important
; }
510 .htmlarea-action-row-delete{ background-position: 0 -3248px !important
; }
511 .htmlarea-action-row-edit-properties{ background-position: 0 -3306px !important
; }
512 .htmlarea-action-row-insert-above{ background-position: 0 -3364px !important
; }
513 .htmlarea-action-row-insert-under{ background-position: 0 -3422px !important
; }
514 .htmlarea-action-row-split{ background-position: 0 -3480px !important
; }
515 .htmlarea-action-sample{ background-position: 0 -3538px !important
; }
516 .htmlarea-action-small{ background-position: 0 -3596px !important
; }
517 .htmlarea-action-smiley-insert{ background-position: 0 -3654px !important
; }
518 .htmlarea-action-span{ background-position: 0 -3712px !important
; }
519 .htmlarea-action-spell-check{ background-position: 0 -3770px !important
; }
520 .htmlarea-action-strike-through{ background-position: 0 -3828px !important
; }
521 .htmlarea-action-strong{ background-position: 0 -3886px !important
; }
522 .htmlarea-action-subscript{ background-position: 0 -3944px !important
; }
523 .htmlarea-action-superscript{ background-position: 0 -4002px !important
; }
524 .htmlarea-action-table-edit-properties{ background-position: 0 -4060px !important
; }
525 .htmlarea-action-table-insert{ background-position: 0 -4118px !important
; }
526 .htmlarea-action-table-restyle{ background-position: 0 -4176px !important
; }
527 .htmlarea-action-table-show-borders{ background-position: 0 -4234px !important
; }
528 .htmlarea-action-tag-insert{ background-position: 0 -4292px !important
; }
529 .htmlarea-action-text-direction-left-to-right{ background-position: 0 -4350px !important
; }
530 .htmlarea-action-text-direction-right-to-left{ background-position: 0 -4408px !important
; }
531 .htmlarea-action-underline{ background-position: 0 -4466px !important
; }
532 .htmlarea-action-undo{ background-position: 0 -4524px !important
; }
533 .htmlarea-action-unlink{ background-position: 0 -4582px !important
; }
534 .htmlarea-action-unordered-list{ background-position: 0 -4640px !important
; }
535 .htmlarea-action-user-element-edit{ background-position: 0 -4698px !important
; }
536 .htmlarea-action-variable{ background-position: 0 -4756px !important
; }