JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.6.3
[ckeditor.git] / _source / skins / v2 / dialog.css
index 492a062..c0b5746 100644 (file)
@@ -1,5 +1,5 @@
 /*\r
-Copyright (c) 2003-2010, 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
@@ -180,8 +180,7 @@ body .cke_dialog
 \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
@@ -203,6 +202,10 @@ body .cke_dialog
        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
@@ -336,12 +339,44 @@ body .cke_dialog
        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
+.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
@@ -366,6 +401,12 @@ body .cke_dialog
        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
@@ -404,6 +445,12 @@ body .cke_dialog
        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
@@ -457,10 +504,14 @@ body .cke_dialog
 \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
@@ -539,7 +590,7 @@ body .cke_dialog
        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
@@ -592,6 +643,11 @@ body .cke_dialog
        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
@@ -609,14 +665,13 @@ body .cke_dialog
 {\r
        border: outset 1px;\r
        cursor: pointer;\r
-       cursor: hand;\r
 }\r
 \r
 .cke_skin_v2 .cke_dialog  .ImagePreviewBox\r
 {\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
@@ -658,6 +713,27 @@ body .cke_dialog
        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
@@ -674,7 +750,6 @@ body .cke_dialog
 .cke_skin_v2 .cke_dialog .cke_hand\r
 {\r
        cursor: pointer;\r
-       cursor: hand;\r
 }\r
 \r
 .cke_skin_v2 .cke_disabled\r
@@ -706,7 +781,6 @@ body .cke_dialog
 {\r
        display: inline;\r
        cursor: pointer;\r
-       cursor: hand;\r
        font-weight: bold;\r
        position: relative;\r
        top: 3px;\r
@@ -717,9 +791,15 @@ body .cke_dialog
        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
@@ -730,6 +810,11 @@ body .cke_dialog
        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
@@ -751,3 +836,72 @@ body .cke_dialog
 {\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