JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.6.1
[ckeditor.git] / _source / skins / office2003 / dialog.css
index f9f7f9b..91fe47b 100644 (file)
@@ -1,5 +1,5 @@
 /*\r
-Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
 For licensing, see LICENSE.html or http://ckeditor.com/license\r
 */\r
 \r
@@ -9,14 +9,24 @@ body .cke_dialog
        visibility: visible;\r
 }\r
 \r
+/* Force Gecko to consider table as positioned */\r
+.cke_skin_office2003 table.cke_dialog.cke_browser_gecko\r
+{\r
+       display:block;\r
+}\r
+\r
 .cke_skin_office2003 .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: relative;\r
+       _position: static;\r
 }\r
 \r
 .cke_skin_office2003 .cke_dialog_tl,\r
@@ -32,6 +42,8 @@ body .cke_dialog
 \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_office2003 .cke_dialog_tl\r
@@ -171,8 +183,7 @@ body .cke_dialog
 \r
 .cke_skin_office2003 .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_office2003 .cke_dialog_contents\r
@@ -194,6 +205,10 @@ body .cke_dialog
        text-align: left;\r
 }\r
 \r
+.cke_skin_office2003 .cke_dialog_footer .cke_resizer {\r
+       margin-top: 21px;\r
+}\r
+\r
 /* tabs */\r
 \r
 .cke_skin_office2003 .cke_dialog_tabs\r
@@ -245,6 +260,11 @@ body .cke_dialog
 {\r
        background-color: #f7f8fd;\r
 }\r
+.cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab\r
+{\r
+       padding: 2px 3px !important;\r
+       border-width: 3px;\r
+}\r
 \r
 .cke_skin_office2003 a.cke_dialog_tab_selected,\r
 .cke_skin_office2003 a:link.cke_dialog_tab_selected,\r
@@ -257,6 +277,15 @@ body .cke_dialog
        font-weight: bold;\r
        cursor: default;\r
 }\r
+.cke_skin_office2003 .cke_hc a.cke_dialog_tab_selected,\r
+.cke_skin_office2003 .cke_hc a:link.cke_dialog_tab_selected,\r
+.cke_skin_office2003 .cke_hc a:active.cke_dialog_tab_selected,\r
+.cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab_selected,\r
+.cke_skin_office2003 .cke_hc a:visited.cke_dialog_tab_selected\r
+{\r
+       padding: 2px 3px !important;\r
+       border-width: 3px;\r
+}\r
 \r
 /* single_page */\r
 \r
@@ -265,6 +294,14 @@ body .cke_dialog
        display: none;\r
 }\r
 \r
+.cke_skin_office2003 .cke_hc .cke_dialog_tabs a,\r
+.cke_skin_office2003 .cke_hc .cke_dialog_footer a\r
+{\r
+       opacity: 1.0;\r
+       filter: alpha(opacity=100);\r
+       border: 1px solid white;\r
+}\r
+\r
 .cke_skin_office2003 .cke_single_page .cke_dialog_title\r
 {\r
        padding-bottom: 3px;\r
@@ -297,6 +334,50 @@ body .cke_dialog
        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
+/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,\r
+.cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,\r
+.cke_skin_office2003 .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_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,\r
+.cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,\r
+.cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password\r
+{\r
+       padding-left: 2px;\r
+}\r
+\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last\r
+{\r
+       padding-right: 2px !important;\r
+}\r
+\r
+.cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {\r
+       padding-right: 1px;\r
+}\r
+\r
+.cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,\r
+.cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password\r
+{\r
+       border-width: 0px;\r
+}\r
+\r
+.cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,\r
+.cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password\r
+{\r
+       border-width: 1px;\r
 }\r
 \r
 .cke_skin_office2003 textarea.cke_dialog_ui_input_textarea\r
@@ -321,6 +402,12 @@ body .cke_dialog
        padding: 1px 0px;\r
 }\r
 \r
+/* RTL + IE6: Input overflows dialog element. (#7321) */\r
+.cke_skin_office2003 .cke_rtl .cke_dialog_ui_labeled_content\r
+{\r
+       _width: 95%;\r
+}\r
+\r
 .cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content *\r
 {\r
        background-color : #a0a0a0;\r
@@ -359,6 +446,12 @@ body .cke_dialog
        cursor: default;\r
 }\r
 \r
+.cke_skin_office2003 a.cke_dialog_ui_button_ok span,\r
+.cke_skin_office2003 a.cke_dialog_ui_button_cancel span\r
+{\r
+       width:60px;\r
+}\r
+\r
 .cke_skin_office2003 span.cke_dialog_ui_button\r
 {\r
        background-image: url(images/sprites.png);\r
@@ -392,6 +485,11 @@ body .cke_dialog
 {\r
        background-color: #8db1ff;\r
 }\r
+.cke_skin_office2003 .cke_hc a:focus span.cke_dialog_ui_button,\r
+.cke_skin_office2003 .cke_hc a:active span.cke_dialog_ui_button\r
+{\r
+       border-width: 2px;\r
+}\r
 \r
 .cke_skin_office2003 .cke_dialog_footer_buttons\r
 {\r
@@ -410,10 +508,14 @@ body .cke_dialog
 \r
 .cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 {\r
-       width: 60px;\r
        margin: 7px 0;\r
 }\r
 \r
+.cke_skin_office2003 .cke_browser_ie7 .cke_dialog_footer_buttons\r
+{\r
+       position: static;\r
+}\r
+\r
 .cke_skin_office2003 strong\r
 {\r
        font-weight: bold;\r
@@ -421,7 +523,10 @@ body .cke_dialog
 \r
 /* close_button */\r
 \r
-.cke_skin_office2003 .cke_dialog_close_button\r
+.cke_skin_office2003 a.cke_dialog_close_button,\r
+.cke_skin_office2003 a:hover.cke_dialog_close_button,\r
+.cke_skin_office2003 .cke_browser_ie6 a.cke_dialog_close_button,\r
+.cke_skin_office2003 .cke_browser_ie6 a:hover.cke_dialog_close_button\r
 {\r
        background-image: url(images/sprites.png);\r
        background-repeat: no-repeat;\r
@@ -437,25 +542,27 @@ body .cke_dialog
        _background-image: url(images/sprites_ie6.png);\r
 }\r
 \r
-.cke_skin_office2003 .cke_dialog_close_button span\r
+.cke_skin_office2003 a.cke_dialog_close_button span\r
 {\r
        display: none;\r
 }\r
 \r
-.cke_skin_office2003 .cke_ltr .cke_dialog_close_button\r
+.cke_skin_office2003 .cke_ltr a.cke_dialog_close_button\r
 {\r
        right: 10px;\r
        _right: 22px;\r
 }\r
 \r
-.cke_skin_office2003 .cke_rtl .cke_dialog_close_button\r
+.cke_skin_office2003 .cke_rtl a.cke_dialog_close_button,\r
+.cke_skin_office2003 .cke_rtl a:hover.cke_dialog_close_button\r
 {\r
        left: 10px;\r
        _left: 16px;\r
        _top: 6px;\r
 }\r
 \r
-.cke_skin_office2003 .cke_browser_ie6.cke_rtl .cke_dialog_close_button\r
+.cke_skin_office2003 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,\r
+.cke_skin_office2003 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button\r
 {\r
        position: relative;\r
        float: left;\r
@@ -463,12 +570,14 @@ body .cke_dialog
        margin-left: -7px;\r
 }\r
 \r
-.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button\r
+.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,\r
+.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button\r
 {\r
        margin-top: -32px;\r
 }\r
 \r
-.cke_skin_office2003 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button\r
+.cke_skin_office2003 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,\r
+.cke_skin_office2003 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button\r
 {\r
        margin-top: 0;\r
 }\r
@@ -479,7 +588,7 @@ body .cke_dialog
        background-color: white;\r
 }\r
 \r
-.cke_skin_office2003 iframe.cke_dialog_ui_input_file\r
+.cke_skin_office2003 .cke_dialog_ui_input_file\r
 {\r
        width: 100%;\r
        height: 25px;\r
@@ -532,6 +641,10 @@ body .cke_dialog
        border: none 1px;\r
        font-size: 1px;\r
 }\r
+.cke_skin_office2003 .cke_dialog a.cke_btn_locked .cke_icon\r
+{\r
+       display:none;\r
+}\r
 \r
 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked,\r
 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
@@ -549,20 +662,29 @@ body .cke_dialog
 {\r
        border: outset 1px;\r
        cursor: pointer;\r
-       cursor: hand;\r
 }\r
 \r
-.cke_skin_office2003 .cke_dialog  #ImagePreviewBox\r
+.cke_skin_office2003 .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_office2003 .cke_dialog  #ImagePreviewLoader\r
+\r
+.cke_skin_office2003 .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_office2003 .cke_browser_iequirks .cke_dialog_page_contents\r
+{\r
+       _position: absolute;\r
+}\r
+\r
+.cke_skin_office2003 .cke_dialog  .ImagePreviewLoader\r
 {\r
        position: absolute;\r
        white-space : normal;\r
@@ -577,7 +699,7 @@ body .cke_dialog
        background-color : #e4e4e4;\r
 }\r
 \r
-.cke_skin_office2003 .cke_dialog  #FlashPreviewBox\r
+.cke_skin_office2003 .cke_dialog  .FlashPreviewBox\r
 {\r
        white-space : normal;\r
        border : 2px ridge black;\r
@@ -588,6 +710,27 @@ body .cke_dialog
        background-color : white;\r
 }\r
 \r
+.cke_skin_office2003 .cke_dialog .cke_pastetext\r
+{\r
+       width: 346px;\r
+       height: 170px;\r
+}\r
+\r
+.cke_skin_office2003 .cke_dialog .cke_pastetext textarea\r
+{\r
+       width: 340px;\r
+       height: 170px;\r
+       resize: none;\r
+}\r
+\r
+.cke_skin_office2003 .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_office2003 .cke_dialog .cke_dark_background\r
 {\r
        text-align : center;\r
@@ -604,7 +747,6 @@ body .cke_dialog
 .cke_skin_office2003 .cke_dialog .cke_hand\r
 {\r
        cursor: pointer;\r
-       cursor: hand;\r
 }\r
 \r
 .cke_skin_office2003 .cke_disabled\r
@@ -636,8 +778,67 @@ body .cke_dialog
 {\r
        display: inline;\r
        cursor: pointer;\r
-       cursor: hand;\r
        font-weight: bold;\r
        position: relative;\r
        top: 3px;\r
 }\r
+\r
+.cke_skin_office2003 .cke_dialog_body .cke_label\r
+{\r
+       display: none;\r
+}\r
+\r
+.cke_skin_office2003 .cke_dialog_body label.cke_required\r
+{\r
+       font-weight: bold;\r
+}\r
+\r
+.cke_skin_office2003 .cke_hc .cke_dialog_body .cke_label\r
+{\r
+       display: inline;\r
+       cursor: inherit;\r
+}\r
+\r
+.cke_skin_office2003 .cke_hc a.cke_btn_locked,\r
+.cke_skin_office2003 .cke_hc a.cke_btn_unlocked,\r
+.cke_skin_office2003 .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_office2003 .cke_hc a.cke_btn_locked .cke_icon\r
+{\r
+       display:inline;\r
+}\r
+\r
+.cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_locked,\r
+.cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_unlocked,\r
+.cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_reset\r
+{\r
+       float: right;\r
+}\r
+\r
+/**\r
+ * Styles specific to "cellProperties" dialog.\r
+ */\r
+\r
+.cke_skin_office2003 .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_office2003 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button\r
+{\r
+       width:100%;\r
+}\r
+\r
+.cke_skin_office2003 .cke_rtl .cke_dialog_contents a.colorChooser\r
+{\r
+       margin-right: 10px;\r
+}\r