X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fskins%2Fv2%2Fdialog.css;h=05be5ea5a8651715795b1d17a76e45f6fccb294d;hb=6e682412d5cc0dfaedb376482e585bf2989c6863;hp=7390c7deb93133a677a6a63bfc131ec2d66432b6;hpb=059b4c2fef02528bf1af189f7996e80652faddfb;p=ckeditor.git diff --git a/_source/skins/v2/dialog.css b/_source/skins/v2/dialog.css index 7390c7d..05be5ea 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-2012, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ @@ -25,7 +25,6 @@ body .cke_dialog /* 'cke_dialog' element has been fixed positioned in all but IE6, while we need it to be positioned to hold e.g. close button. */ - position: relative; _position: static; } @@ -44,7 +43,7 @@ body .cke_dialog /* IE6 does not support full color transparent PNG. */ _background-image: url(images/sprites_ie6.png); /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */ - _z-index: -1; + z-index: -1; } .cke_skin_v2 .cke_dialog_tl @@ -180,8 +179,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 +201,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 +338,57 @@ 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%; +} + +/* The absolute position is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/ +.cke_skin_v2 .cke_browser_ie7 input.cke_dialog_ui_input_text, +.cke_skin_v2 .cke_browser_ie7 input.cke_dialog_ui_input_password +{ + position: absolute; +} +.cke_skin_v2 .cke_browser_ie7 div.cke_dialog_ui_input_text, +.cke_skin_v2 .cke_browser_ie7 div.cke_dialog_ui_input_password +{ + height:14px; + position: relative; +} + +.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 +413,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 +457,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 +516,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; @@ -500,15 +563,13 @@ body .cke_dialog .cke_skin_v2 .cke_ltr a.cke_dialog_close_button, .cke_skin_v2 .cke_ltr a:hover.cke_dialog_close_button { - right: 10px; - _right: 22px; + right: 22px; } .cke_skin_v2 .cke_rtl a.cke_dialog_close_button, .cke_skin_v2 .cke_rtl a:hover.cke_dialog_close_button { - left: 10px; - _left: 16px; + left: 16px; _top: 7px; } @@ -539,7 +600,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 +653,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 +675,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 +712,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 +723,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 +760,6 @@ body .cke_dialog .cke_skin_v2 .cke_dialog .cke_hand { cursor: pointer; - cursor: hand; } .cke_skin_v2 .cke_disabled @@ -696,7 +791,6 @@ body .cke_dialog { display: inline; cursor: pointer; - cursor: hand; font-weight: bold; position: relative; top: 3px; @@ -707,9 +801,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 +820,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 +846,79 @@ 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%; +} + +.cke_dialog label +{ + display: inline; + margin-bottom: auto; + cursor: default; +}