2 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.html or http://ckeditor.com/license
6 /* Restore the dialog visibility */
12 /* Force Gecko to consider table as positioned */
13 .cke_skin_office2003 table
.cke_dialog
.cke_browser_gecko
18 .cke_skin_office2003
.cke_dialog_body
26 /* 'cke_dialog' element has been fixed positioned in all but IE6, while we
27 need it to be positioned to hold e.g. close button. */
32 .cke_skin_office2003
.cke_dialog_tl
,
33 .cke_skin_office2003
.cke_dialog_tr
,
34 .cke_skin_office2003
.cke_dialog_tc
,
35 .cke_skin_office2003
.cke_dialog_bl
,
36 .cke_skin_office2003
.cke_dialog_br
,
37 .cke_skin_office2003
.cke_dialog_bc
39 background-image: url
(images/sprites.png);
40 background-repeat: no-repeat
;
43 /* IE6 does not support full color transparent PNG. */
44 _background-image: url
(images/sprites_ie6.png);
45 /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */
49 .cke_skin_office2003
.cke_dialog_tl
51 background-position: -16px -16px;
58 .cke_skin_office2003
.cke_rtl
.cke_dialog_tl
60 background-position: -16px -397px;
63 .cke_skin_office2003
.cke_dialog_tr
65 background-position: -16px -76px;
72 .cke_skin_office2003
.cke_rtl
.cke_dialog_tr
74 background-position: -16px -457px;
77 .cke_skin_office2003
.cke_dialog_tc
79 background-position: 0 -136px;
80 background-repeat: repeat-x
;
87 .cke_skin_office2003
.cke_dialog_bl
89 background-position: -16px -196px;
96 .cke_skin_office2003
.cke_rtl
.cke_dialog_bl
98 background-position: -16px -517px;
101 .cke_skin_office2003
.cke_dialog_br
103 background-position: -16px -263px;
110 .cke_skin_office2003
.cke_rtl
.cke_dialog_br
112 background-position: -16px -584px;
115 .cke_skin_office2003
.cke_dialog_bc
117 background-position: 0 -330px;
118 background-repeat: repeat-x
;
125 .cke_skin_office2003
.cke_dialog_ml
,
126 .cke_skin_office2003
.cke_dialog_mr
128 background-image: url
(images/dialog_sides.png);
129 background-repeat: repeat-y
;
135 /* IE6 does not support full color transparent PNG. */
136 _background-image: url
(images/dialog_sides.gif);
138 /* IE quirks gets confused when we have both top and bottom. */
142 .cke_skin_office2003
.cke_rtl
.cke_dialog_ml
,
143 .cke_skin_office2003
.cke_rtl
.cke_dialog_mr
145 background-image: url
(images/dialog_sides_rtl.png);
147 /* IE6 does not support full color transparent PNG. */
148 _background-image: url
(images/dialog_sides.gif);
151 .cke_skin_office2003
.cke_dialog_ml
153 background-position: 0 0;
157 .cke_skin_office2003
.cke_dialog_mr
159 background-position: -16px 0;
163 .cke_skin_office2003
.cke_browser_iequirks
.cke_dialog_ml
,
164 .cke_skin_office2003
.cke_browser_iequirks
.cke_dialog_mr
169 .cke_skin_office2003
.cke_dialog_title
171 background-image: url
(images/sprites.png);
172 _background-image: url
(images/sprites_ie6.png);
173 background-position: 0 -678px;
174 background-repeat: repeat-x
;
178 background-color: #8db1ff;
179 padding: 3px 10px 26px 10px;
184 .cke_skin_office2003
.cke_browser_ie
.cke_rtl
.cke_dialog_title
189 .cke_skin_office2003
.cke_dialog_contents
191 background-color: #f7f8fd;
192 border: #2b66c9 1px solid
;
197 .cke_skin_office2003
.cke_dialog_footer
199 background-color: #8db1ff;
203 .cke_skin_office2003
.cke_rtl
.cke_dialog_footer
208 .cke_skin_office2003 .cke_dialog_footer .cke_resizer {
214 .cke_skin_office2003
.cke_dialog_tabs
217 background-color: #8db1ff;
218 display: inline-block
;
226 .cke_skin_office2003
.cke_rtl
.cke_dialog_tabs
231 .cke_skin_office2003 a
.cke_dialog_tab
,
232 .cke_skin_office2003
a:link
.cke_dialog_tab
,
233 .cke_skin_office2003
a:active
.cke_dialog_tab
,
234 .cke_skin_office2003
a:hover
.cke_dialog_tab
,
235 .cke_skin_office2003
a:visited
.cke_dialog_tab
238 border-left: 1px solid
#2b66c9;
239 border-right: 1px solid
#2b66c9;
240 border-top: 1px solid
#2b66c9;
243 display: inline-block
;
247 /* Gecko 1.8 layout workaround. */
248 .cke_skin_office2003
.cke_browser_gecko18 a
.cke_dialog_tab
,
249 .cke_skin_office2003
.cke_browser_gecko18
a:link
.cke_dialog_tab
,
250 .cke_skin_office2003
.cke_browser_gecko18
a:active
.cke_dialog_tab
,
251 .cke_skin_office2003
.cke_browser_gecko18
a:hover
.cke_dialog_tab
,
252 .cke_skin_office2003
.cke_browser_gecko18
a:visited
.cke_dialog_tab
259 .cke_skin_office2003
a:hover
.cke_dialog_tab
261 background-color: #f7f8fd;
263 .cke_skin_office2003
.cke_hc
a:hover
.cke_dialog_tab
265 padding: 2px 3px !important
;
269 .cke_skin_office2003 a
.cke_dialog_tab_selected
,
270 .cke_skin_office2003
a:link
.cke_dialog_tab_selected
,
271 .cke_skin_office2003
a:active
.cke_dialog_tab_selected
,
272 .cke_skin_office2003
a:hover
.cke_dialog_tab_selected
,
273 .cke_skin_office2003
a:visited
.cke_dialog_tab_selected
275 border-bottom: 1px solid
#f7f8fd;
276 background-color: #f7f8fd;
280 .cke_skin_office2003
.cke_hc a
.cke_dialog_tab_selected
,
281 .cke_skin_office2003
.cke_hc
a:link
.cke_dialog_tab_selected
,
282 .cke_skin_office2003
.cke_hc
a:active
.cke_dialog_tab_selected
,
283 .cke_skin_office2003
.cke_hc
a:hover
.cke_dialog_tab_selected
,
284 .cke_skin_office2003
.cke_hc
a:visited
.cke_dialog_tab_selected
286 padding: 2px 3px !important
;
292 .cke_skin_office2003
.cke_single_page
.cke_dialog_tabs
297 .cke_skin_office2003
.cke_hc
.cke_dialog_tabs a
,
298 .cke_skin_office2003
.cke_hc
.cke_dialog_footer a
301 filter: alpha
(opacity
=100);
302 border: 1px solid white
;
305 .cke_skin_office2003
.cke_single_page
.cke_dialog_title
310 .cke_skin_office2003
.cke_dialog_ui_vbox table
,
311 .cke_skin_office2003
.cke_dialog_ui_hbox table
316 .cke_skin_office2003
.cke_dialog_ui_vbox_child
321 .cke_skin_office2003 input
.cke_dialog_ui_input_text
,
322 .cke_skin_office2003 input
.cke_dialog_ui_input_password
324 background-color: white
;
331 .cke_skin_office2003 div
.cke_dialog_ui_input_text
,
332 .cke_skin_office2003 div
.cke_dialog_ui_input_password
334 background-color: white
;
335 border: 1px solid
#a0a0a0;
337 /* IE6/Quirks - make sure the content does not overflow (#7321) */
341 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
342 .cke_skin_office2003
.cke_browser_ie
.cke_rtl input
.cke_dialog_ui_input_text
,
343 .cke_skin_office2003
.cke_browser_opera
.cke_rtl input
.cke_dialog_ui_input_text
,
344 .cke_skin_office2003
.cke_browser_ie
.cke_rtl input
.cke_dialog_ui_input_password
,
345 .cke_skin_office2003
.cke_browser_opera
.cke_rtl input
.cke_dialog_ui_input_password
350 /* Compensate the padding added above on container. */
351 .cke_skin_office2003
.cke_browser_ie
.cke_rtl div
.cke_dialog_ui_input_text
,
352 .cke_skin_office2003
.cke_browser_opera
.cke_rtl div
.cke_dialog_ui_input_text
,
353 .cke_skin_office2003
.cke_browser_ie
.cke_rtl div
.cke_dialog_ui_input_password
,
354 .cke_skin_office2003
.cke_browser_opera
.cke_rtl div
.cke_dialog_ui_input_password
359 .cke_skin_office2003
.cke_browser_ie
.cke_rtl
.cke_dialog_ui_vbox_child
,
360 .cke_skin_office2003
.cke_browser_ie
.cke_rtl
.cke_dialog_ui_hbox_child
,
361 .cke_skin_office2003
.cke_browser_ie
.cke_rtl
.cke_dialog_ui_hbox_first
,
362 .cke_skin_office2003
.cke_browser_ie
.cke_rtl
.cke_dialog_ui_hbox_last
364 padding-right: 2px !important
;
367 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
371 .cke_skin_office2003
.cke_browser_gecko
.cke_hc div
.cke_dialog_ui_input_text
,
372 .cke_skin_office2003
.cke_browser_gecko
.cke_hc div
.cke_dialog_ui_input_password
377 .cke_skin_office2003
.cke_browser_gecko18
.cke_hc div
.cke_dialog_ui_input_text
,
378 .cke_skin_office2003
.cke_browser_gecko18
.cke_hc div
.cke_dialog_ui_input_password
383 .cke_skin_office2003 textarea
.cke_dialog_ui_input_textarea
385 background-color: white
;
390 * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
391 * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
398 .cke_skin_office2003 div
.cke_dialog_ui_input_textarea
400 background-color: white
;
401 border: 1px solid
#a0a0a0;
405 /* RTL + IE6: Input overflows dialog element. (#7321) */
406 .cke_skin_office2003
.cke_rtl
.cke_dialog_ui_labeled_content
411 .cke_skin_office2003 div
.cke_disabled
.cke_dialog_ui_labeled_content
*
413 background-color : #a0a0a0;
417 .cke_skin_office2003
.cke_dialog_ui_hbox
422 .cke_skin_office2003
.cke_dialog_ui_hbox_first
,
423 .cke_skin_office2003
.cke_dialog_ui_hbox_child
,
424 .cke_skin_office2003
.cke_dialog_ui_hbox_last
429 .cke_skin_office2003
.cke_ltr
.cke_dialog_ui_hbox_first
,
430 .cke_skin_office2003
.cke_ltr
.cke_dialog_ui_hbox_child
435 .cke_skin_office2003
.cke_rtl
.cke_dialog_ui_hbox_first
,
436 .cke_skin_office2003
.cke_rtl
.cke_dialog_ui_hbox_child
443 .cke_skin_office2003 a
.cke_dialog_ui_button
445 border-collapse: separate
;
449 .cke_skin_office2003 a
.cke_dialog_ui_button_ok span
,
450 .cke_skin_office2003 a
.cke_dialog_ui_button_cancel span
455 .cke_skin_office2003 span
.cke_dialog_ui_button
457 background-image: url
(images/sprites.png);
458 _background-image: url
(images/sprites_ie6.png);
459 background-position: 0 -678px;
460 background-repeat: repeat-x
;
461 border: #0E3460 1px solid
;
465 background-color: #8db1ff;
466 display: inline-block
;
470 /* Gecko 1.8 does not support display: inline-block */
471 .cke_skin_office2003
.cke_browser_gecko18
.cke_dialog_footer_buttons span
.cke_dialog_ui_button
476 .cke_skin_office2003 a
.cke_dialog_ui_button span
.cke_disabled
478 border: #898980 1px solid
;
480 background-color: #c5c5b3;
483 .cke_skin_office2003
a:focus span
.cke_dialog_ui_button
,
484 .cke_skin_office2003
a:active span
.cke_dialog_ui_button
486 background-color: #8db1ff;
488 .cke_skin_office2003
.cke_hc
a:focus span
.cke_dialog_ui_button
,
489 .cke_skin_office2003
.cke_hc
a:active span
.cke_dialog_ui_button
494 .cke_skin_office2003
.cke_dialog_footer_buttons
496 display: inline-table
;
503 /* Gecko 1.8 does not support for display: inline-table */
504 .cke_skin_office2003
.cke_browser_gecko18
.cke_dialog_footer_buttons
509 .cke_skin_office2003
.cke_dialog_footer_buttons span
.cke_dialog_ui_button
514 .cke_skin_office2003
.cke_browser_ie7
.cke_dialog_footer_buttons
519 .cke_skin_office2003 strong
526 .cke_skin_office2003 a
.cke_dialog_close_button
,
527 .cke_skin_office2003
a:hover
.cke_dialog_close_button
,
528 .cke_skin_office2003
.cke_browser_ie6 a
.cke_dialog_close_button
,
529 .cke_skin_office2003
.cke_browser_ie6
a:hover
.cke_dialog_close_button
531 background-image: url
(images/sprites.png);
532 background-repeat: no-repeat
;
533 background-position: -20px -655px;
541 /* IE6 does not support full color transparent PNG. */
542 _background-image: url
(images/sprites_ie6.png);
545 .cke_skin_office2003 a
.cke_dialog_close_button span
550 .cke_skin_office2003
.cke_ltr a
.cke_dialog_close_button
556 .cke_skin_office2003
.cke_rtl a
.cke_dialog_close_button
,
557 .cke_skin_office2003
.cke_rtl
a:hover
.cke_dialog_close_button
564 .cke_skin_office2003
.cke_browser_ie6
.cke_rtl a
.cke_dialog_close_button
,
565 .cke_skin_office2003
.cke_browser_ie6
.cke_rtl
a:hover
.cke_dialog_close_button
573 .cke_skin_office2003
.cke_browser_iequirks
.cke_rtl
.cke_single_page a
.cke_dialog_close_button
,
574 .cke_skin_office2003
.cke_browser_iequirks
.cke_rtl
.cke_single_page
a:hover
.cke_dialog_close_button
579 .cke_skin_office2003
.cke_browser_iequirks
.cke_ltr a
.cke_dialog_close_button
,
580 .cke_skin_office2003
.cke_browser_iequirks
.cke_ltr
a:hover
.cke_dialog_close_button
585 .cke_skin_office2003
.cke_dialog_ui_input_select
587 border: 1px solid
#a0a0a0;
588 background-color: white
;
591 .cke_skin_office2003
.cke_dialog_ui_input_file
598 * Some utility CSS classes for dialog authors.
600 .cke_skin_office2003
.cke_dialog
.cke_dark_background
602 background-color: #eaead1;
605 .cke_skin_office2003
.cke_dialog
.cke_hand
610 .cke_skin_office2003
.cke_dialog
.cke_centered
615 .cke_skin_office2003
.cke_dialog a
.cke_btn_reset
618 background-position: 0 -32px;
619 background-image: url
(images/mini.gif);
622 background-repeat: no-repeat
;
627 .cke_skin_office2003
.cke_rtl
.cke_dialog a
.cke_btn_reset
632 .cke_skin_office2003
.cke_dialog a
.cke_btn_locked
,
633 .cke_skin_office2003
.cke_dialog a
.cke_btn_unlocked
636 background-position: 0 0;
637 background-image: url
(images/mini.gif);
640 background-repeat: no-repeat
;
644 .cke_skin_office2003
.cke_dialog a
.cke_btn_locked
.cke_icon
649 .cke_skin_office2003
.cke_rtl
.cke_dialog a
.cke_btn_locked
,
650 .cke_skin_office2003
.cke_rtl
.cke_dialog a
.cke_btn_unlocked
655 .cke_skin_office2003
.cke_dialog a
.cke_btn_unlocked
657 background-position: 0 -16px;
658 background-image: url
(images/mini.gif);
661 .cke_skin_office2003
.cke_dialog
.cke_btn_over
667 .cke_skin_office2003
.cke_dialog
.ImagePreviewBox
669 border : 2px ridge black
;
674 background-color : white
;
677 .cke_skin_office2003 .cke_dialog .ImagePreviewBox table td {
681 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/
682 .cke_skin_office2003
.cke_browser_iequirks
.cke_dialog_page_contents
687 .cke_skin_office2003
.cke_dialog
.ImagePreviewLoader
690 white-space : normal
;
697 filter : alpha
(opacity
=90);
699 background-color : #e4e4e4;
702 .cke_skin_office2003
.cke_dialog
.FlashPreviewBox
704 white-space : normal
;
705 border : 2px ridge black
;
710 background-color : white
;
713 .cke_skin_office2003
.cke_dialog
.cke_pastetext
719 .cke_skin_office2003
.cke_dialog
.cke_pastetext textarea
726 .cke_skin_office2003
.cke_dialog iframe
.cke_pasteframe
730 background-color: white
;
731 border: 1px solid black
;
734 .cke_skin_office2003
.cke_dialog
.cke_dark_background
737 background-color: #eaead1;
741 .cke_skin_office2003
.cke_dialog
.cke_light_background
744 background-color: #ffffbe;
747 .cke_skin_office2003
.cke_dialog
.cke_hand
752 .cke_skin_office2003
.cke_disabled
757 /* High Contrast Mode */
758 .cke_skin_office2003
.cke_hc
.cke_dialog_title
,
759 .cke_skin_office2003
.cke_hc
.cke_dialog_tabs
,
760 .cke_skin_office2003
.cke_hc
.cke_dialog_contents
,
761 .cke_skin_office2003
.cke_hc
.cke_dialog_footer
763 border-left: 1px solid
;
764 border-right: 1px solid
;
767 .cke_skin_office2003
.cke_hc
.cke_dialog_title
769 border-top: 1px solid
;
772 .cke_skin_office2003
.cke_hc
.cke_dialog_footer
774 border-bottom: 1px solid
;
777 .cke_skin_office2003
.cke_hc
.cke_dialog_close_button span
786 .cke_skin_office2003
.cke_dialog_body
.cke_label
791 .cke_skin_office2003
.cke_dialog_body label
.cke_required
796 .cke_skin_office2003
.cke_hc
.cke_dialog_body
.cke_label
802 .cke_skin_office2003
.cke_hc a
.cke_btn_locked
,
803 .cke_skin_office2003
.cke_hc a
.cke_btn_unlocked
,
804 .cke_skin_office2003
.cke_hc a
.cke_btn_reset
812 .cke_skin_office2003
.cke_hc a
.cke_btn_locked
.cke_icon
817 .cke_skin_office2003
.cke_rtl
.cke_hc a
.cke_btn_locked
,
818 .cke_skin_office2003
.cke_rtl
.cke_hc a
.cke_btn_unlocked
,
819 .cke_skin_office2003
.cke_rtl
.cke_hc a
.cke_btn_reset
825 * Styles specific to "cellProperties" dialog.
828 .cke_skin_office2003
.cke_dialog_contents a
.colorChooser
836 .cke_skin_office2003
.cke_dialog_contents a
.colorChooser
.cke_dialog_ui_button
841 .cke_skin_office2003
.cke_rtl
.cke_dialog_contents a
.colorChooser