/*\r
-Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
*/\r
\r
visibility: visible;\r
}\r
\r
+/* Force Gecko to consider table as positioned */\r
+.cke_skin_v2 table.cke_dialog.cke_browser_gecko\r
+{\r
+ display:block;\r
+}\r
+\r
.cke_skin_v2 .cke_dialog_body\r
{\r
margin-left: 16px;\r
margin-right: 16px;\r
margin-top: 2px;\r
margin-bottom: 20px;\r
- position: relative;\r
z-index: 1;\r
+\r
+ /* 'cke_dialog' element has been fixed positioned in all but IE6, while we\r
+ need it to be positioned to hold e.g. close button. */\r
+ _position: static;\r
+\r
}\r
\r
.cke_skin_v2 .cke_dialog_tl,\r
\r
/* IE6 does not support full color transparent PNG. */\r
_background-image: url(images/sprites_ie6.png);\r
+ /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */\r
+ z-index: -1;\r
}\r
\r
.cke_skin_v2 .cke_dialog_tl\r
\r
.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title\r
{\r
- position: static !important;\r
- unicode-bidi: bidi-override;\r
+ position: static;\r
}\r
\r
.cke_skin_v2 .cke_dialog_contents\r
text-align: left;\r
}\r
\r
+.cke_skin_v2 .cke_dialog_footer .cke_resizer {\r
+ margin-top: 21px;\r
+}\r
+\r
/* tabs */\r
\r
.cke_skin_v2 .cke_dialog_tabs\r
background-color: #f1f1e3;\r
}\r
\r
+.cke_skin_v2 .cke_hc a:hover.cke_dialog_tab\r
+{\r
+ padding: 2px 3px !important;\r
+ border-width: 3px;\r
+}\r
+\r
.cke_skin_v2 a.cke_dialog_tab_selected,\r
.cke_skin_v2 a:link.cke_dialog_tab_selected,\r
.cke_skin_v2 a:active.cke_dialog_tab_selected,\r
cursor: default;\r
}\r
\r
+.cke_skin_v2 .cke_hc a.cke_dialog_tab_selected,\r
+.cke_skin_v2 .cke_hc a:link.cke_dialog_tab_selected,\r
+.cke_skin_v2 .cke_hc a:active.cke_dialog_tab_selected,\r
+.cke_skin_v2 .cke_hc a:hover.cke_dialog_tab_selected,\r
+.cke_skin_v2 .cke_hc a:visited.cke_dialog_tab_selected\r
+{\r
+ padding: 2px 3px !important;\r
+ border-width: 3px;\r
+}\r
+\r
+.cke_skin_v2 .cke_hc .cke_dialog_tabs a,\r
+.cke_skin_v2 .cke_hc .cke_dialog_footer a\r
+{\r
+ opacity: 1.0;\r
+ filter: alpha(opacity=100);\r
+ border: 1px solid white;\r
+}\r
+\r
/* single_page */\r
\r
.cke_skin_v2 .cke_single_page .cke_dialog_tabs\r
height: 14px;\r
}\r
\r
+.cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password\r
+{\r
+ border-width: 0px;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password\r
+{\r
+ border-width: 1px;\r
+}\r
+\r
+/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,\r
+.cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password\r
+{\r
+ padding-right: 2px\r
+}\r
+\r
+/* Compensate the padding added above on container. */\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,\r
+.cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password\r
+{\r
+ padding-left: 2px;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last\r
+{\r
+ padding-right: 2px !important;\r
+}\r
+\r
.cke_skin_v2 div.cke_dialog_ui_input_text,\r
.cke_skin_v2 div.cke_dialog_ui_input_password\r
{\r
background-color: white;\r
border: 1px solid #a0a0a0;\r
padding: 1px 0px;\r
+ /* IE6/Quirks - make sure the content does not overflow (#7321) */\r
+ _width: 99.9%;\r
+}\r
+\r
+/* The absolute position is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/\r
+.cke_skin_v2 .cke_browser_ie7 input.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_ie7 input.cke_dialog_ui_input_password\r
+{\r
+ position: absolute;\r
+}\r
+.cke_skin_v2 .cke_browser_ie7 div.cke_dialog_ui_input_text,\r
+.cke_skin_v2 .cke_browser_ie7 div.cke_dialog_ui_input_password\r
+{\r
+ height:14px;\r
+ position: relative;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {\r
+ padding-right: 1px;\r
}\r
\r
.cke_skin_v2 textarea.cke_dialog_ui_input_textarea\r
padding: 1px 0px;\r
}\r
\r
+/* RTL + IE6: Input overflows dialog element. (#7321) */\r
+.cke_skin_v2 .cke_rtl .cke_dialog_ui_labeled_content\r
+{\r
+ _width: 95%;\r
+}\r
+\r
.cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *\r
{\r
background-color : #a0a0a0;\r
cursor: default;\r
}\r
\r
+.cke_skin_v2 a.cke_dialog_ui_button_ok span,\r
+.cke_skin_v2 a.cke_dialog_ui_button_cancel span\r
+{\r
+ width:60px;\r
+}\r
+\r
.cke_skin_v2 span.cke_dialog_ui_button\r
{\r
border: #737357 1px solid;\r
background-color: #e3e3c7;\r
}\r
\r
+.cke_skin_v2 .cke_hc a:focus span.cke_dialog_ui_button,\r
+.cke_skin_v2 .cke_hc a:active span.cke_dialog_ui_button\r
+{\r
+ border-width: 2px;\r
+}\r
+\r
.cke_skin_v2 .cke_dialog_footer_buttons\r
{\r
display: inline-table;\r
\r
.cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
{\r
- width: 60px;\r
margin: 7px 0;\r
}\r
\r
+.cke_skin_v2 .cke_browser_ie7 .cke_dialog_footer_buttons\r
+{\r
+ position: static;\r
+}\r
+\r
.cke_skin_v2 strong\r
{\r
font-weight: bold;\r
\r
/* close_button */\r
\r
-.cke_skin_v2 .cke_dialog_close_button\r
+.cke_skin_v2 a.cke_dialog_close_button,\r
+.cke_skin_v2 a:hover.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_browser_ie6 a.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_browser_ie6 a:hover.cke_dialog_close_button\r
{\r
background-image: url(images/sprites.png);\r
background-repeat: no-repeat;\r
_background-image: url(images/sprites_ie6.png);\r
}\r
\r
-.cke_skin_v2 .cke_dialog_close_button span\r
+.cke_skin_v2 a.cke_dialog_close_button span\r
{\r
display: none;\r
}\r
\r
-.cke_skin_v2 .cke_dialog_close_button:hover\r
+.cke_skin_v2 a:hover.cke_dialog_close_button\r
{\r
background-position: -16px -687px;\r
}\r
\r
-.cke_skin_v2 .cke_ltr .cke_dialog_close_button\r
+.cke_skin_v2 .cke_ltr a.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_ltr a:hover.cke_dialog_close_button\r
{\r
- right: 10px;\r
- _right: 22px;\r
+ right: 22px;\r
}\r
\r
-.cke_skin_v2 .cke_rtl .cke_dialog_close_button\r
+.cke_skin_v2 .cke_rtl a.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_rtl a:hover.cke_dialog_close_button\r
{\r
- left: 10px;\r
- _left: 16px;\r
+ left: 16px;\r
_top: 7px;\r
}\r
\r
-.cke_skin_v2 .cke_browser_ie6.cke_rtl .cke_dialog_close_button\r
+.cke_skin_v2 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button\r
{\r
position: relative;\r
float: left;\r
margin-left: -7px;\r
}\r
\r
-.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button\r
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button\r
{\r
margin-top: -32px;\r
}\r
\r
-.cke_skin_v2 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button\r
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,\r
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button\r
{\r
margin-top: 0;\r
}\r
background-color: white;\r
}\r
\r
-.cke_skin_v2 iframe.cke_dialog_ui_input_file\r
+.cke_skin_v2 .cke_dialog_ui_input_file\r
{\r
width: 100%;\r
height: 25px;\r
border: none 1px;\r
font-size: 1px;\r
}\r
+.cke_skin_v2 .cke_dialog a.cke_btn_locked .cke_icon\r
+{\r
+ display:none;\r
+}\r
+\r
\r
.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,\r
.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
{\r
border: outset 1px;\r
cursor: pointer;\r
- cursor: hand;\r
}\r
\r
-.cke_skin_v2 .cke_dialog #ImagePreviewBox\r
+.cke_skin_v2 .cke_dialog .ImagePreviewBox\r
{\r
- white-space : normal;\r
border : 2px ridge black;\r
overflow : scroll;\r
- height : 160px;\r
+ height : 210px;\r
width : 230px;\r
padding : 2px;\r
background-color : white;\r
}\r
-.cke_skin_v2 .cke_dialog #ImagePreviewLoader\r
+\r
+.cke_skin_v2 .cke_dialog .ImagePreviewBox table td {\r
+ white-space: normal;\r
+}\r
+\r
+/* Fix iframedialog's height doesn't stretch to 100% #4863.*/\r
+.cke_skin_v2 .cke_browser_iequirks .cke_dialog_page_contents\r
+{\r
+ _position: absolute;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .ImagePreviewLoader\r
{\r
position: absolute;\r
white-space : normal;\r
background-color : #e4e4e4;\r
}\r
\r
-.cke_skin_v2 .cke_dialog #FlashPreviewBox\r
+.cke_skin_v2 .cke_dialog .FlashPreviewBox\r
{\r
white-space : normal;\r
border : 2px ridge black;\r
background-color : white;\r
}\r
\r
+.cke_skin_v2 .cke_dialog .cke_pastetext\r
+{\r
+ width: 346px;\r
+ height: 170px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_pastetext textarea\r
+{\r
+ width: 340px;\r
+ height: 170px;\r
+ resize: none;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog iframe.cke_pasteframe\r
+{\r
+ width: 346px;\r
+ height: 130px;\r
+ background-color: white;\r
+ border: 1px solid black;\r
+}\r
+\r
.cke_skin_v2 .cke_dialog .cke_dark_background\r
{\r
text-align : center;\r
.cke_skin_v2 .cke_dialog .cke_hand\r
{\r
cursor: pointer;\r
- cursor: hand;\r
}\r
\r
.cke_skin_v2 .cke_disabled\r
{\r
display: inline;\r
cursor: pointer;\r
- cursor: hand;\r
font-weight: bold;\r
position: relative;\r
top: 3px;\r
}\r
\r
+.cke_skin_v2 .cke_dialog_body .cke_label\r
+{\r
+ display: none;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_body label.cke_required\r
+{\r
+ font-weight: bold;\r
+}\r
+\r
+.cke_skin_v2 .cke_hc .cke_dialog_body .cke_label\r
+{\r
+ display: inline;\r
+ cursor: inherit;\r
+}\r
+\r
+.cke_skin_v2 .cke_hc a.cke_btn_locked,\r
+.cke_skin_v2 .cke_hc a.cke_btn_unlocked,\r
+.cke_skin_v2 .cke_hc a.cke_btn_reset\r
+{\r
+ border-style: solid;\r
+ float:left;\r
+ width:auto;\r
+ height:auto;\r
+ padding: 0 2px;\r
+}\r
+.cke_skin_v2 .cke_hc a.cke_btn_locked .cke_icon\r
+{\r
+ display:inline;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,\r
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,\r
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_reset\r
+{\r
+ float:right;\r
+}\r
+\r
.cke_skin_v2 a.cke_smile img\r
{\r
/* IE6 does not support transparent borders */\r
{\r
border-color: #C7C78F;\r
}\r
+\r
+\r
+/**\r
+ * Styles specific to "cellProperties" dialog.\r
+ */\r
+\r
+.cke_skin_v2 .cke_dialog_contents a.colorChooser\r
+{\r
+ display:block;\r
+ margin-top:12px;\r
+ margin-left: 10px;\r
+ width: 40px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button\r
+{\r
+ width:100%;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_contents a.colorChooser\r
+{\r
+ margin-right: 10px;\r
+}\r
+\r
+/* Compensate focus outline for some input elements. (#6200) */\r
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,\r
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,\r
+.cke_skin_v2 .cke_browser_opera .cke_dialog_ui_checkbox_input:focus,\r
+.cke_skin_v2 .cke_browser_opera .cke_dialog_ui_radio_input:focus,\r
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_input_select:focus,\r
+.cke_skin_v2 .cke_browser_gecko .cke_btn_over,\r
+.cke_skin_v2 .cke_browser_opera .cke_btn_over,\r
+.cke_skin_v2 .cke_browser_ie .cke_btn_over\r
+{\r
+ outline: 1px dotted #696969;\r
+}\r
+\r
+/* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */\r
+\r
+/* Predefined border to avoid visual size change impact. */\r
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_checkbox_input,\r
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_ratio_input,\r
+.cke_skin_v2 .cke_browser_ie .cke_btn_reset,\r
+.cke_skin_v2 .cke_browser_ie .cke_btn_locked,\r
+.cke_skin_v2 .cke_browser_ie .cke_btn_unlocked\r
+{\r
+ *border: 1px solid transparent !important;\r
+ /* Emulating border-color: transparent in IE6.*/\r
+ -border: 1px solid red !important;\r
+ -filter: chroma(color=red);\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_focused,\r
+.cke_skin_v2 .cke_browser_ie .cke_btn_over\r
+{\r
+ *border: 1px dotted #696969 !important;\r
+}\r
+\r
+.cke_skin_v2 .cke_iframe_shim\r
+{\r
+ display:block;\r
+ position:absolute;\r
+ top:0;\r
+ left:0;\r
+ z-index:-1;\r
+ filter:alpha(opacity=0);\r
+ width:100%;\r
+ height:100%;\r
+}\r
+\r
+.cke_dialog label\r
+{\r
+ display: inline;\r
+ margin-bottom: auto;\r
+ cursor: default;\r
+}\r