2 Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
6 /* Restore the dialog visibility */
\r
12 /* Force Gecko to consider table as positioned */
\r
13 .cke_skin_office2003 table.cke_dialog.cke_browser_gecko
\r
18 .cke_skin_office2003 .cke_dialog_body
\r
23 margin-bottom: 20px;
\r
26 /* 'cke_dialog' element has been fixed positioned in all but IE6, while we
\r
27 need it to be positioned to hold e.g. close button. */
\r
31 .cke_skin_office2003 .cke_dialog_tl,
\r
32 .cke_skin_office2003 .cke_dialog_tr,
\r
33 .cke_skin_office2003 .cke_dialog_tc,
\r
34 .cke_skin_office2003 .cke_dialog_bl,
\r
35 .cke_skin_office2003 .cke_dialog_br,
\r
36 .cke_skin_office2003 .cke_dialog_bc
\r
38 background-image: url(images/sprites.png);
\r
39 background-repeat: no-repeat;
\r
42 /* IE6 does not support full color transparent PNG. */
\r
43 _background-image: url(images/sprites_ie6.png);
\r
44 /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */
\r
48 .cke_skin_office2003 .cke_dialog_tl
\r
50 background-position: -16px -16px;
\r
57 .cke_skin_office2003 .cke_rtl .cke_dialog_tl
\r
59 background-position: -16px -397px;
\r
62 .cke_skin_office2003 .cke_dialog_tr
\r
64 background-position: -16px -76px;
\r
71 .cke_skin_office2003 .cke_rtl .cke_dialog_tr
\r
73 background-position: -16px -457px;
\r
76 .cke_skin_office2003 .cke_dialog_tc
\r
78 background-position: 0 -136px;
\r
79 background-repeat: repeat-x;
\r
86 .cke_skin_office2003 .cke_dialog_bl
\r
88 background-position: -16px -196px;
\r
95 .cke_skin_office2003 .cke_rtl .cke_dialog_bl
\r
97 background-position: -16px -517px;
\r
100 .cke_skin_office2003 .cke_dialog_br
\r
102 background-position: -16px -263px;
\r
109 .cke_skin_office2003 .cke_rtl .cke_dialog_br
\r
111 background-position: -16px -584px;
\r
114 .cke_skin_office2003 .cke_dialog_bc
\r
116 background-position: 0 -330px;
\r
117 background-repeat: repeat-x;
\r
124 .cke_skin_office2003 .cke_dialog_ml,
\r
125 .cke_skin_office2003 .cke_dialog_mr
\r
127 background-image: url(images/dialog_sides.png);
\r
128 background-repeat: repeat-y;
\r
129 position: absolute;
\r
134 /* IE6 does not support full color transparent PNG. */
\r
135 _background-image: url(images/dialog_sides.gif);
\r
137 /* IE quirks gets confused when we have both top and bottom. */
\r
141 .cke_skin_office2003 .cke_rtl .cke_dialog_ml,
\r
142 .cke_skin_office2003 .cke_rtl .cke_dialog_mr
\r
144 background-image: url(images/dialog_sides_rtl.png);
\r
146 /* IE6 does not support full color transparent PNG. */
\r
147 _background-image: url(images/dialog_sides.gif);
\r
150 .cke_skin_office2003 .cke_dialog_ml
\r
152 background-position: 0 0;
\r
156 .cke_skin_office2003 .cke_dialog_mr
\r
158 background-position: -16px 0;
\r
162 .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_ml,
\r
163 .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_mr
\r
168 .cke_skin_office2003 .cke_dialog_title
\r
170 background-image: url(images/sprites.png);
\r
171 _background-image: url(images/sprites_ie6.png);
\r
172 background-position: 0 -678px;
\r
173 background-repeat: repeat-x;
\r
177 background-color: #8db1ff;
\r
178 padding: 3px 10px 26px 10px;
\r
180 position: relative;
\r
183 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_title
\r
188 .cke_skin_office2003 .cke_dialog_contents
\r
190 background-color: #f7f8fd;
\r
191 border: #2b66c9 1px solid;
\r
196 .cke_skin_office2003 .cke_dialog_footer
\r
198 background-color: #8db1ff;
\r
202 .cke_skin_office2003 .cke_rtl .cke_dialog_footer
\r
207 .cke_skin_office2003 .cke_dialog_footer .cke_resizer {
\r
213 .cke_skin_office2003 .cke_dialog_tabs
\r
216 background-color: #8db1ff;
\r
217 display: inline-block;
\r
221 position: absolute;
\r
225 .cke_skin_office2003 .cke_rtl .cke_dialog_tabs
\r
230 .cke_skin_office2003 a.cke_dialog_tab,
\r
231 .cke_skin_office2003 a:link.cke_dialog_tab,
\r
232 .cke_skin_office2003 a:active.cke_dialog_tab,
\r
233 .cke_skin_office2003 a:hover.cke_dialog_tab,
\r
234 .cke_skin_office2003 a:visited.cke_dialog_tab
\r
237 border-left: 1px solid #2b66c9;
\r
238 border-right: 1px solid #2b66c9;
\r
239 border-top: 1px solid #2b66c9;
\r
242 display: inline-block;
\r
246 /* Gecko 1.8 layout workaround. */
\r
247 .cke_skin_office2003 .cke_browser_gecko18 a.cke_dialog_tab,
\r
248 .cke_skin_office2003 .cke_browser_gecko18 a:link.cke_dialog_tab,
\r
249 .cke_skin_office2003 .cke_browser_gecko18 a:active.cke_dialog_tab,
\r
250 .cke_skin_office2003 .cke_browser_gecko18 a:hover.cke_dialog_tab,
\r
251 .cke_skin_office2003 .cke_browser_gecko18 a:visited.cke_dialog_tab
\r
254 position: relative;
\r
258 .cke_skin_office2003 a:hover.cke_dialog_tab
\r
260 background-color: #f7f8fd;
\r
262 .cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab
\r
264 padding: 2px 3px !important;
\r
268 .cke_skin_office2003 a.cke_dialog_tab_selected,
\r
269 .cke_skin_office2003 a:link.cke_dialog_tab_selected,
\r
270 .cke_skin_office2003 a:active.cke_dialog_tab_selected,
\r
271 .cke_skin_office2003 a:hover.cke_dialog_tab_selected,
\r
272 .cke_skin_office2003 a:visited.cke_dialog_tab_selected
\r
274 border-bottom: 1px solid #f7f8fd;
\r
275 background-color: #f7f8fd;
\r
279 .cke_skin_office2003 .cke_hc a.cke_dialog_tab_selected,
\r
280 .cke_skin_office2003 .cke_hc a:link.cke_dialog_tab_selected,
\r
281 .cke_skin_office2003 .cke_hc a:active.cke_dialog_tab_selected,
\r
282 .cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab_selected,
\r
283 .cke_skin_office2003 .cke_hc a:visited.cke_dialog_tab_selected
\r
285 padding: 2px 3px !important;
\r
291 .cke_skin_office2003 .cke_single_page .cke_dialog_tabs
\r
296 .cke_skin_office2003 .cke_hc .cke_dialog_tabs a,
\r
297 .cke_skin_office2003 .cke_hc .cke_dialog_footer a
\r
300 filter: alpha(opacity=100);
\r
301 border: 1px solid white;
\r
304 .cke_skin_office2003 .cke_single_page .cke_dialog_title
\r
306 padding-bottom: 3px;
\r
309 .cke_skin_office2003 .cke_dialog_ui_vbox table,
\r
310 .cke_skin_office2003 .cke_dialog_ui_hbox table
\r
315 .cke_skin_office2003 .cke_dialog_ui_vbox_child
\r
320 .cke_skin_office2003 input.cke_dialog_ui_input_text,
\r
321 .cke_skin_office2003 input.cke_dialog_ui_input_password
\r
323 background-color: white;
\r
330 .cke_skin_office2003 div.cke_dialog_ui_input_text,
\r
331 .cke_skin_office2003 div.cke_dialog_ui_input_password
\r
333 background-color: white;
\r
334 border: 1px solid #a0a0a0;
\r
336 /* IE6/Quirks - make sure the content does not overflow (#7321) */
\r
340 /* The absolute position is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/
\r
341 .cke_skin_office2003 .cke_browser_ie7 input.cke_dialog_ui_input_text,
\r
342 .cke_skin_office2003 .cke_browser_ie7 input.cke_dialog_ui_input_password
\r
344 position: absolute;
\r
346 .cke_skin_office2003 .cke_browser_ie7 div.cke_dialog_ui_input_text,
\r
347 .cke_skin_office2003 .cke_browser_ie7 div.cke_dialog_ui_input_password
\r
350 position: relative;
\r
353 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
\r
354 .cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,
\r
355 .cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,
\r
356 .cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,
\r
357 .cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password
\r
362 /* Compensate the padding added above on container. */
\r
363 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,
\r
364 .cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,
\r
365 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,
\r
366 .cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password
\r
371 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,
\r
372 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,
\r
373 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,
\r
374 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last
\r
376 padding-right: 2px !important;
\r
379 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
\r
380 padding-right: 1px;
\r
383 .cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
\r
384 .cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
\r
389 .cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
\r
390 .cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
\r
395 .cke_skin_office2003 textarea.cke_dialog_ui_input_textarea
\r
397 background-color: white;
\r
402 * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
\r
403 * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
\r
410 .cke_skin_office2003 div.cke_dialog_ui_input_textarea
\r
412 background-color: white;
\r
413 border: 1px solid #a0a0a0;
\r
417 /* RTL + IE6: Input overflows dialog element. (#7321) */
\r
418 .cke_skin_office2003 .cke_rtl .cke_dialog_ui_labeled_content
\r
423 .cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content *
\r
425 background-color : #a0a0a0;
\r
429 .cke_skin_office2003 .cke_dialog_ui_hbox
\r
434 .cke_skin_office2003 .cke_dialog_ui_hbox_first,
\r
435 .cke_skin_office2003 .cke_dialog_ui_hbox_child,
\r
436 .cke_skin_office2003 .cke_dialog_ui_hbox_last
\r
438 vertical-align: top;
\r
441 .cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_first,
\r
442 .cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_child
\r
444 padding-right: 10px;
\r
447 .cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_first,
\r
448 .cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_child
\r
450 padding-left: 10px;
\r
455 .cke_skin_office2003 a.cke_dialog_ui_button
\r
457 border-collapse: separate;
\r
461 .cke_skin_office2003 a.cke_dialog_ui_button_ok span,
\r
462 .cke_skin_office2003 a.cke_dialog_ui_button_cancel span
\r
467 .cke_skin_office2003 span.cke_dialog_ui_button
\r
469 background-image: url(images/sprites.png);
\r
470 _background-image: url(images/sprites_ie6.png);
\r
471 background-position: 0 -678px;
\r
472 background-repeat: repeat-x;
\r
473 border: #0E3460 1px solid;
\r
475 text-align: center;
\r
477 background-color: #8db1ff;
\r
478 display: inline-block;
\r
482 /* Gecko 1.8 does not support display: inline-block */
\r
483 .cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
\r
488 .cke_skin_office2003 a.cke_dialog_ui_button span.cke_disabled
\r
490 border: #898980 1px solid;
\r
492 background-color: #c5c5b3;
\r
495 .cke_skin_office2003 a:focus span.cke_dialog_ui_button,
\r
496 .cke_skin_office2003 a:active span.cke_dialog_ui_button
\r
498 background-color: #8db1ff;
\r
500 .cke_skin_office2003 .cke_hc a:focus span.cke_dialog_ui_button,
\r
501 .cke_skin_office2003 .cke_hc a:active span.cke_dialog_ui_button
\r
506 .cke_skin_office2003 .cke_dialog_footer_buttons
\r
508 display: inline-table;
\r
509 margin-right: 12px;
\r
512 position: relative;
\r
515 /* Gecko 1.8 does not support for display: inline-table */
\r
516 .cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons
\r
521 .cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button
\r
526 .cke_skin_office2003 .cke_browser_ie7 .cke_dialog_footer_buttons
\r
531 .cke_skin_office2003 strong
\r
538 .cke_skin_office2003 a.cke_dialog_close_button,
\r
539 .cke_skin_office2003 a:hover.cke_dialog_close_button,
\r
540 .cke_skin_office2003 .cke_browser_ie6 a.cke_dialog_close_button,
\r
541 .cke_skin_office2003 .cke_browser_ie6 a:hover.cke_dialog_close_button
\r
543 background-image: url(images/sprites.png);
\r
544 background-repeat: no-repeat;
\r
545 background-position: -20px -655px;
\r
546 position: absolute;
\r
548 text-align: center;
\r
553 /* IE6 does not support full color transparent PNG. */
\r
554 _background-image: url(images/sprites_ie6.png);
\r
557 .cke_skin_office2003 a.cke_dialog_close_button span
\r
562 .cke_skin_office2003 .cke_ltr a.cke_dialog_close_button
\r
567 .cke_skin_office2003 .cke_rtl a.cke_dialog_close_button,
\r
568 .cke_skin_office2003 .cke_rtl a:hover.cke_dialog_close_button
\r
574 .cke_skin_office2003 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,
\r
575 .cke_skin_office2003 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button
\r
577 position: relative;
\r
583 .cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,
\r
584 .cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button
\r
589 .cke_skin_office2003 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,
\r
590 .cke_skin_office2003 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button
\r
595 .cke_skin_office2003 .cke_dialog_ui_input_select
\r
597 border: 1px solid #a0a0a0;
\r
598 background-color: white;
\r
601 .cke_skin_office2003 .cke_dialog_ui_input_file
\r
608 * Some utility CSS classes for dialog authors.
\r
610 .cke_skin_office2003 .cke_dialog .cke_dark_background
\r
612 background-color: #eaead1;
\r
615 .cke_skin_office2003 .cke_dialog .cke_hand
\r
620 .cke_skin_office2003 .cke_dialog .cke_centered
\r
622 text-align: center;
\r
625 .cke_skin_office2003 .cke_dialog a.cke_btn_reset
\r
628 background-position: 0 -32px;
\r
629 background-image: url(images/mini.gif);
\r
632 background-repeat: no-repeat;
\r
637 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_reset
\r
642 .cke_skin_office2003 .cke_dialog a.cke_btn_locked,
\r
643 .cke_skin_office2003 .cke_dialog a.cke_btn_unlocked
\r
646 background-position: 0 0;
\r
647 background-image: url(images/mini.gif);
\r
650 background-repeat: no-repeat;
\r
654 .cke_skin_office2003 .cke_dialog a.cke_btn_locked .cke_icon
\r
659 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked,
\r
660 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked
\r
665 .cke_skin_office2003 .cke_dialog a.cke_btn_unlocked
\r
667 background-position: 0 -16px;
\r
668 background-image: url(images/mini.gif);
\r
671 .cke_skin_office2003 .cke_dialog .cke_btn_over
\r
673 border: outset 1px;
\r
677 .cke_skin_office2003 .cke_dialog .ImagePreviewBox
\r
679 border : 2px ridge black;
\r
684 background-color : white;
\r
687 .cke_skin_office2003 .cke_dialog .ImagePreviewBox table td {
\r
688 white-space: normal;
\r
691 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/
\r
692 .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_page_contents
\r
694 _position: absolute;
\r
697 .cke_skin_office2003 .cke_dialog .ImagePreviewLoader
\r
699 position: absolute;
\r
700 white-space : normal;
\r
707 filter : alpha(opacity=90);
\r
709 background-color : #e4e4e4;
\r
712 .cke_skin_office2003 .cke_dialog .FlashPreviewBox
\r
714 white-space : normal;
\r
715 border : 2px ridge black;
\r
720 background-color : white;
\r
723 .cke_skin_office2003 .cke_dialog .cke_pastetext
\r
729 .cke_skin_office2003 .cke_dialog .cke_pastetext textarea
\r
736 .cke_skin_office2003 .cke_dialog iframe.cke_pasteframe
\r
740 background-color: white;
\r
741 border: 1px solid black;
\r
744 .cke_skin_office2003 .cke_dialog .cke_dark_background
\r
746 text-align : center;
\r
747 background-color: #eaead1;
\r
751 .cke_skin_office2003 .cke_dialog .cke_light_background
\r
753 text-align : center;
\r
754 background-color: #ffffbe;
\r
757 .cke_skin_office2003 .cke_dialog .cke_hand
\r
762 .cke_skin_office2003 .cke_disabled
\r
767 /* High Contrast Mode */
\r
768 .cke_skin_office2003 .cke_hc .cke_dialog_title,
\r
769 .cke_skin_office2003 .cke_hc .cke_dialog_tabs,
\r
770 .cke_skin_office2003 .cke_hc .cke_dialog_contents,
\r
771 .cke_skin_office2003 .cke_hc .cke_dialog_footer
\r
773 border-left: 1px solid;
\r
774 border-right: 1px solid;
\r
777 .cke_skin_office2003 .cke_hc .cke_dialog_title
\r
779 border-top: 1px solid;
\r
782 .cke_skin_office2003 .cke_hc .cke_dialog_footer
\r
784 border-bottom: 1px solid;
\r
787 .cke_skin_office2003 .cke_hc .cke_dialog_close_button span
\r
792 position: relative;
\r
796 .cke_skin_office2003 .cke_dialog_body .cke_label
\r
801 .cke_skin_office2003 .cke_dialog_body label.cke_required
\r
806 .cke_skin_office2003 .cke_hc .cke_dialog_body .cke_label
\r
812 .cke_skin_office2003 .cke_hc a.cke_btn_locked,
\r
813 .cke_skin_office2003 .cke_hc a.cke_btn_unlocked,
\r
814 .cke_skin_office2003 .cke_hc a.cke_btn_reset
\r
816 border-style: solid;
\r
822 .cke_skin_office2003 .cke_hc a.cke_btn_locked .cke_icon
\r
827 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_locked,
\r
828 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_unlocked,
\r
829 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_reset
\r
835 * Styles specific to "cellProperties" dialog.
\r
838 .cke_skin_office2003 .cke_dialog_contents a.colorChooser
\r
846 .cke_skin_office2003 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button
\r
851 .cke_skin_office2003 .cke_rtl .cke_dialog_contents a.colorChooser
\r
853 margin-right: 10px;
\r
856 /* Compensate focus outline for some input elements. (#6200) */
\r
857 .cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
\r
858 .cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
\r
859 .cke_skin_office2003 .cke_browser_opera .cke_dialog_ui_checkbox_input:focus,
\r
860 .cke_skin_office2003 .cke_browser_opera .cke_dialog_ui_radio_input:focus,
\r
861 .cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_input_select:focus,
\r
862 .cke_skin_office2003 .cke_browser_gecko .cke_btn_over,
\r
863 .cke_skin_office2003 .cke_browser_opera .cke_btn_over,
\r
864 .cke_skin_office2003 .cke_browser_ie .cke_btn_over
\r
866 outline: 1px dotted #696969;
\r
869 /* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */
\r
871 /* Predefined border to avoid visual size change impact. */
\r
872 .cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_checkbox_input,
\r
873 .cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_ratio_input,
\r
874 .cke_skin_office2003 .cke_browser_ie .cke_btn_reset,
\r
875 .cke_skin_office2003 .cke_browser_ie .cke_btn_locked,
\r
876 .cke_skin_office2003 .cke_browser_ie .cke_btn_unlocked
\r
878 *border: 1px solid transparent !important;
\r
879 /* Emulating border-color: transparent in IE6.*/
\r
880 /* Emulating border-color: transparent in IE6.*/
\r
881 -border: 1px solid red !important;
\r
882 -filter: chroma(color=red);
\r
885 .cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_focused,
\r
886 .cke_skin_office2003 .cke_browser_ie .cke_btn_over
\r
888 *border: 1px dotted #696969 !important;
\r
891 .cke_skin_office2003 .cke_iframe_shim
\r
898 filter:alpha(opacity=0);
\r
906 margin-bottom: auto;
\r