X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fskins%2Fv2%2Fdialog.css;h=fbe4e4fa49421dac8d6494a76f5adefb96f976cf;hb=e73319a12b56100b29ef456fd74114fe5519e01c;hp=7390c7deb93133a677a6a63bfc131ec2d66432b6;hpb=059b4c2fef02528bf1af189f7996e80652faddfb;p=ckeditor.git diff --git a/_source/skins/v2/dialog.css b/_source/skins/v2/dialog.css index 7390c7d..fbe4e4f 100644 --- a/_source/skins/v2/dialog.css +++ b/_source/skins/v2/dialog.css @@ -1,5 +1,5 @@ /* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. +Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ @@ -180,8 +180,7 @@ body .cke_dialog .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title { - position: static !important; - unicode-bidi: bidi-override; + position: static; } .cke_skin_v2 .cke_dialog_contents @@ -203,6 +202,10 @@ body .cke_dialog text-align: left; } +.cke_skin_v2 .cke_dialog_footer .cke_resizer { + margin-top: 21px; +} + /* tabs */ .cke_skin_v2 .cke_dialog_tabs @@ -336,12 +339,44 @@ body .cke_dialog border-width: 1px; } +/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */ +.cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text, +.cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text, +.cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password, +.cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password +{ + padding-right: 2px +} + +/* Compensate the padding added above on container. */ +.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text, +.cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text, +.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password, +.cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password +{ + padding-left: 2px; +} + +.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child, +.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child, +.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first, +.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last +{ + padding-right: 2px !important; +} + .cke_skin_v2 div.cke_dialog_ui_input_text, .cke_skin_v2 div.cke_dialog_ui_input_password { background-color: white; border: 1px solid #a0a0a0; padding: 1px 0px; + /* IE6/Quirks - make sure the content does not overflow (#7321) */ + _width: 99.9%; +} + +.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text { + padding-right: 1px; } .cke_skin_v2 textarea.cke_dialog_ui_input_textarea @@ -366,6 +401,12 @@ body .cke_dialog padding: 1px 0px; } +/* RTL + IE6: Input overflows dialog element. (#7321) */ +.cke_skin_v2 .cke_rtl .cke_dialog_ui_labeled_content +{ + _width: 95%; +} + .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content * { background-color : #a0a0a0; @@ -404,6 +445,12 @@ body .cke_dialog cursor: default; } +.cke_skin_v2 a.cke_dialog_ui_button_ok span, +.cke_skin_v2 a.cke_dialog_ui_button_cancel span +{ + width:60px; +} + .cke_skin_v2 span.cke_dialog_ui_button { border: #737357 1px solid; @@ -457,10 +504,14 @@ body .cke_dialog .cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button { - width: 60px; margin: 7px 0; } +.cke_skin_v2 .cke_browser_ie7 .cke_dialog_footer_buttons +{ + position: static; +} + .cke_skin_v2 strong { font-weight: bold; @@ -539,7 +590,7 @@ body .cke_dialog background-color: white; } -.cke_skin_v2 iframe.cke_dialog_ui_input_file +.cke_skin_v2 .cke_dialog_ui_input_file { width: 100%; height: 25px; @@ -592,6 +643,11 @@ body .cke_dialog border: none 1px; font-size: 1px; } +.cke_skin_v2 .cke_dialog a.cke_btn_locked .cke_icon +{ + display:none; +} + .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked, .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked @@ -609,20 +665,29 @@ body .cke_dialog { border: outset 1px; cursor: pointer; - cursor: hand; } -.cke_skin_v2 .cke_dialog #ImagePreviewBox +.cke_skin_v2 .cke_dialog .ImagePreviewBox { - white-space : normal; border : 2px ridge black; overflow : scroll; - height : 160px; + height : 210px; width : 230px; padding : 2px; background-color : white; } -.cke_skin_v2 .cke_dialog #ImagePreviewLoader + +.cke_skin_v2 .cke_dialog .ImagePreviewBox table td { + white-space: normal; +} + +/* Fix iframedialog's height doesn't stretch to 100% #4863.*/ +.cke_skin_v2 .cke_browser_iequirks .cke_dialog_page_contents +{ + _position: absolute; +} + +.cke_skin_v2 .cke_dialog .ImagePreviewLoader { position: absolute; white-space : normal; @@ -637,7 +702,7 @@ body .cke_dialog background-color : #e4e4e4; } -.cke_skin_v2 .cke_dialog #FlashPreviewBox +.cke_skin_v2 .cke_dialog .FlashPreviewBox { white-space : normal; border : 2px ridge black; @@ -648,6 +713,27 @@ body .cke_dialog background-color : white; } +.cke_skin_v2 .cke_dialog .cke_pastetext +{ + width: 346px; + height: 170px; +} + +.cke_skin_v2 .cke_dialog .cke_pastetext textarea +{ + width: 340px; + height: 170px; + resize: none; +} + +.cke_skin_v2 .cke_dialog iframe.cke_pasteframe +{ + width: 346px; + height: 130px; + background-color: white; + border: 1px solid black; +} + .cke_skin_v2 .cke_dialog .cke_dark_background { text-align : center; @@ -664,7 +750,6 @@ body .cke_dialog .cke_skin_v2 .cke_dialog .cke_hand { cursor: pointer; - cursor: hand; } .cke_skin_v2 .cke_disabled @@ -696,7 +781,6 @@ body .cke_dialog { display: inline; cursor: pointer; - cursor: hand; font-weight: bold; position: relative; top: 3px; @@ -707,9 +791,15 @@ body .cke_dialog display: none; } +.cke_skin_v2 .cke_dialog_body label.cke_required +{ + font-weight: bold; +} + .cke_skin_v2 .cke_hc .cke_dialog_body .cke_label { display: inline; + cursor: inherit; } .cke_skin_v2 .cke_hc a.cke_btn_locked, @@ -720,6 +810,11 @@ body .cke_dialog float:left; width:auto; height:auto; + padding: 0 2px; +} +.cke_skin_v2 .cke_hc a.cke_btn_locked .cke_icon +{ + display:inline; } .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked, @@ -741,3 +836,72 @@ body .cke_dialog { border-color: #C7C78F; } + + +/** + * Styles specific to "cellProperties" dialog. + */ + +.cke_skin_v2 .cke_dialog_contents a.colorChooser +{ + display:block; + margin-top:12px; + margin-left: 10px; + width: 40px; +} + +.cke_skin_v2 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button +{ + width:100%; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_contents a.colorChooser +{ + margin-right: 10px; +} + +/* Compensate focus outline for some input elements. (#6200) */ +.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus, +.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_radio_input:focus, +.cke_skin_v2 .cke_browser_opera .cke_dialog_ui_checkbox_input:focus, +.cke_skin_v2 .cke_browser_opera .cke_dialog_ui_radio_input:focus, +.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_input_select:focus, +.cke_skin_v2 .cke_browser_gecko .cke_btn_over, +.cke_skin_v2 .cke_browser_opera .cke_btn_over, +.cke_skin_v2 .cke_browser_ie .cke_btn_over +{ + outline: 1px dotted #696969; +} + +/* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */ + +/* Predefined border to avoid visual size change impact. */ +.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_checkbox_input, +.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_ratio_input, +.cke_skin_v2 .cke_browser_ie .cke_btn_reset, +.cke_skin_v2 .cke_browser_ie .cke_btn_locked, +.cke_skin_v2 .cke_browser_ie .cke_btn_unlocked +{ + *border: 1px solid transparent !important; + /* Emulating border-color: transparent in IE6.*/ + -border: 1px solid red !important; + -filter: chroma(color=red); +} + +.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_focused, +.cke_skin_v2 .cke_browser_ie .cke_btn_over +{ + *border: 1px dotted #696969 !important; +} + +.cke_skin_v2 .cke_iframe_shim +{ + display:block; + position:absolute; + top:0; + left:0; + z-index:-1; + filter:alpha(opacity=0); + width:100%; + height:100%; +}