X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fskins%2Fkama%2Fdialog.css;h=a983dc4ef5ad2ba5664a1dda98cad5ec4056dbb9;hb=6e682412d5cc0dfaedb376482e585bf2989c6863;hp=8a64bc749d65221f34ad70d7117693e65225f008;hpb=8665a7c6c60586526e32e8941fe2896739b6ebfb;p=ckeditor.git diff --git a/_source/skins/kama/dialog.css b/_source/skins/kama/dialog.css index 8a64bc7..a983dc4 100644 --- a/_source/skins/kama/dialog.css +++ b/_source/skins/kama/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 */ @@ -27,7 +27,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; } @@ -102,6 +101,16 @@ body .cke_dialog text-align: left; } +.cke_skin_kama .cke_dialog_footer .cke_resizer +{ + margin-top: 20px; +} +.cke_skin_kama .cke_browser_iequirks .cke_dialog_footer .cke_resizer, +.cke_skin_kama .cke_browser_ie6 .cke_dialog_footer .cke_resizer +{ + margin-top: 27px; +} + /* tabs */ .cke_skin_kama .cke_dialog_tabs @@ -202,14 +211,6 @@ body .cke_dialog margin-top: 10px; } -/* IE7 + IE quirks */ -.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_contents -{ - margin-top: 0px; - position: relative; - margin-bottom: -22px; -} - .cke_skin_kama .cke_dialog_ui_vbox table, .cke_skin_kama .cke_dialog_ui_hbox table { @@ -237,6 +238,51 @@ body .cke_dialog 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_kama .cke_browser_ie7 input.cke_dialog_ui_input_text, +.cke_skin_kama .cke_browser_ie7 input.cke_dialog_ui_input_password +{ + position: absolute; +} +.cke_skin_kama .cke_browser_ie7 div.cke_dialog_ui_input_text, +.cke_skin_kama .cke_browser_ie7 div.cke_dialog_ui_input_password +{ + height:14px; + position: relative; +} + +/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */ +.cke_skin_kama .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text, +.cke_skin_kama .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text, +.cke_skin_kama .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password, +.cke_skin_kama .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password +{ + padding-right: 2px; +} + +/* Compensate the padding added above on container. */ +.cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text, +.cke_skin_kama .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text, +.cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password, +.cke_skin_kama .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password +{ + padding-left: 2px; +} + +.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child, +.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child, +.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first, +.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last +{ + padding-right: 2px !important; +} + +.cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text { + padding-right: 1px; } .cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text, @@ -279,6 +325,12 @@ body .cke_dialog cursor : default; } +/* RTL + IE6: Input overflows dialog element. (#7321) */ +.cke_skin_kama .cke_rtl .cke_dialog_ui_labeled_content +{ + _width: 95%; +} + .cke_skin_kama .cke_dialog_ui_hbox { width: 100%; @@ -364,6 +416,7 @@ body .cke_dialog .cke_skin_kama a.cke_dialog_ui_button_ok span, .cke_skin_kama a.cke_dialog_ui_button_cancel span { + width:60px; padding-right: 20px; padding-left: 20px; } @@ -447,7 +500,7 @@ body .cke_dialog .cke_skin_kama a:focus.cke_dialog_ui_button, .cke_skin_kama a:active.cke_dialog_ui_button { - background-position: 0 -1179px; + background-position: 0 -1180px; } .cke_skin_kama .cke_hc a:hover.cke_dialog_ui_button, @@ -478,6 +531,12 @@ body .cke_dialog position: relative; } +/* IE7 needs position static #6806 */ +.cke_skin_kama .cke_browser_ie7 .cke_dialog_footer_buttons +{ + position: static; +} + /* Gecko 1.8 does not support for display: inline-table */ .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons { @@ -487,7 +546,6 @@ body .cke_dialog .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button { margin: 7px 0; - width: 60px; text-align: center; } @@ -516,6 +574,11 @@ body .cke_dialog } /* END Firefox2 buttons */ +.cke_skin_kama .cke_browser_ie9.cke_rtl .cke_dialog_footer_buttons td +{ + padding-left: 2px; +} + .cke_skin_kama strong { font-weight: bold; @@ -606,7 +669,7 @@ body .cke_dialog background-color: white; } -.cke_skin_kama iframe.cke_dialog_ui_input_file +.cke_skin_kama .cke_dialog_ui_input_file { width: 100%; height: 25px; @@ -659,6 +722,10 @@ body .cke_dialog border: none 1px; font-size: 1px; } +.cke_skin_kama .cke_dialog a.cke_btn_locked .cke_icon +{ + display:none; +} .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked, .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked @@ -676,15 +743,14 @@ body .cke_dialog { border: outset 1px; cursor: pointer; - cursor: hand; } .cke_skin_kama .cke_dialog .ImagePreviewBox { border : 2px ridge black; overflow : scroll; - height : 160px; - width : 230px; + height : 200px; + width : 300px; padding : 2px; background-color : white; } @@ -725,6 +791,27 @@ body .cke_dialog background-color : white; } +.cke_skin_kama .cke_dialog .cke_pastetext +{ + width: 346px; + height: 170px; +} + +.cke_skin_kama .cke_dialog .cke_pastetext textarea +{ + width: 340px; + height: 170px; + resize: none; +} + +.cke_skin_kama .cke_dialog iframe.cke_pasteframe +{ + width: 346px; + height: 130px; + background-color: white; + border: 1px solid black; +} + .cke_skin_kama .cke_dialog .cke_dark_background { text-align : center; @@ -741,7 +828,6 @@ body .cke_dialog .cke_skin_kama .cke_dialog .cke_hand { cursor: pointer; - cursor: hand; } .cke_skin_kama .cke_disabled @@ -774,7 +860,6 @@ body .cke_dialog { display: inline; cursor: pointer; - cursor: hand; font-weight: bold; position: relative; top: 3px; @@ -785,9 +870,15 @@ body .cke_dialog display: none; } +.cke_skin_kama .cke_dialog_body label.cke_required +{ + font-weight: bold; +} + .cke_skin_kama .cke_hc .cke_dialog_body .cke_label { display: inline; + cursor: inherit; } .cke_skin_kama .cke_hc a.cke_btn_locked, @@ -798,6 +889,7 @@ body .cke_dialog float: left; width: auto; height: auto; + padding: 0 2px; } .cke_skin_kama .cke_rtl.cke_hc a.cke_btn_locked, @@ -806,6 +898,10 @@ body .cke_dialog { float: right; } +.cke_skin_kama .cke_hc a.cke_btn_locked .cke_icon +{ + display:inline; +} .cke_skin_kama a.cke_smile img { @@ -827,3 +923,78 @@ body .cke_dialog filter: alpha(opacity=100); border: 1px solid white; } + +.cke_skin_kama .cke_hc .ImagePreviewBox +{ + width: 260px; +} + +/** + * Styles specific to "cellProperties" dialog. + */ + +.cke_skin_kama .cke_dialog_contents a.colorChooser +{ + display:block; + margin-top:6px; + margin-left: 10px; + width: 80px; +} + +.cke_skin_kama .cke_rtl .cke_dialog_contents a.colorChooser +{ + margin-right: 10px; +} + +/* Compensate focus outline for some input elements. (#6200) */ +.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus, +.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_radio_input:focus, +.cke_skin_kama .cke_browser_opera .cke_dialog_ui_checkbox_input:focus, +.cke_skin_kama .cke_browser_opera .cke_dialog_ui_radio_input:focus, +.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_input_select:focus, +.cke_skin_kama .cke_browser_gecko .cke_btn_over, +.cke_skin_kama .cke_browser_opera .cke_btn_over, +.cke_skin_kama .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_kama .cke_browser_ie .cke_dialog_ui_checkbox_input, +.cke_skin_kama .cke_browser_ie .cke_dialog_ui_ratio_input, +.cke_skin_kama .cke_browser_ie .cke_btn_reset, +.cke_skin_kama .cke_browser_ie .cke_btn_locked, +.cke_skin_kama .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_kama .cke_browser_ie .cke_dialog_ui_focused, +.cke_skin_kama .cke_browser_ie .cke_btn_over +{ + *border: 1px dotted #696969 !important; +} + +.cke_skin_kama .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; +}