X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fskins%2Foffice2003%2Fdialog.css;h=91fe47b91e84c4213cac3491fb272cbffec0fe85;hb=f0610347140239143439a511ee2bd48cb784f470;hp=f9f7f9be773c02251f51aaa98a3264c398910609;hpb=ea7e3453c7b0f023b050aca6d9f83ab372860d91;p=ckeditor.git diff --git a/_source/skins/office2003/dialog.css b/_source/skins/office2003/dialog.css index f9f7f9b..91fe47b 100644 --- a/_source/skins/office2003/dialog.css +++ b/_source/skins/office2003/dialog.css @@ -1,5 +1,5 @@ /* -Copyright (c) 2003-2009, 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 */ @@ -9,14 +9,24 @@ body .cke_dialog visibility: visible; } +/* Force Gecko to consider table as positioned */ +.cke_skin_office2003 table.cke_dialog.cke_browser_gecko +{ + display:block; +} + .cke_skin_office2003 .cke_dialog_body { margin-left: 16px; margin-right: 16px; margin-top: 2px; margin-bottom: 20px; - position: relative; z-index: 1; + + /* '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; } .cke_skin_office2003 .cke_dialog_tl, @@ -32,6 +42,8 @@ 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; } .cke_skin_office2003 .cke_dialog_tl @@ -171,8 +183,7 @@ body .cke_dialog .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_title { - position: static !important; - unicode-bidi: bidi-override; + position: static; } .cke_skin_office2003 .cke_dialog_contents @@ -194,6 +205,10 @@ body .cke_dialog text-align: left; } +.cke_skin_office2003 .cke_dialog_footer .cke_resizer { + margin-top: 21px; +} + /* tabs */ .cke_skin_office2003 .cke_dialog_tabs @@ -245,6 +260,11 @@ body .cke_dialog { background-color: #f7f8fd; } +.cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab +{ + padding: 2px 3px !important; + border-width: 3px; +} .cke_skin_office2003 a.cke_dialog_tab_selected, .cke_skin_office2003 a:link.cke_dialog_tab_selected, @@ -257,6 +277,15 @@ body .cke_dialog font-weight: bold; cursor: default; } +.cke_skin_office2003 .cke_hc a.cke_dialog_tab_selected, +.cke_skin_office2003 .cke_hc a:link.cke_dialog_tab_selected, +.cke_skin_office2003 .cke_hc a:active.cke_dialog_tab_selected, +.cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab_selected, +.cke_skin_office2003 .cke_hc a:visited.cke_dialog_tab_selected +{ + padding: 2px 3px !important; + border-width: 3px; +} /* single_page */ @@ -265,6 +294,14 @@ body .cke_dialog display: none; } +.cke_skin_office2003 .cke_hc .cke_dialog_tabs a, +.cke_skin_office2003 .cke_hc .cke_dialog_footer a +{ + opacity: 1.0; + filter: alpha(opacity=100); + border: 1px solid white; +} + .cke_skin_office2003 .cke_single_page .cke_dialog_title { padding-bottom: 3px; @@ -297,6 +334,50 @@ 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%; +} + +/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */ +.cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text, +.cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text, +.cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password, +.cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password +{ + padding-right: 2px +} + +/* Compensate the padding added above on container. */ +.cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text, +.cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text, +.cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password, +.cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password +{ + padding-left: 2px; +} + +.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child, +.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child, +.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first, +.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last +{ + padding-right: 2px !important; +} + +.cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text { + padding-right: 1px; +} + +.cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text, +.cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password +{ + border-width: 0px; +} + +.cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text, +.cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password +{ + border-width: 1px; } .cke_skin_office2003 textarea.cke_dialog_ui_input_textarea @@ -321,6 +402,12 @@ body .cke_dialog padding: 1px 0px; } +/* RTL + IE6: Input overflows dialog element. (#7321) */ +.cke_skin_office2003 .cke_rtl .cke_dialog_ui_labeled_content +{ + _width: 95%; +} + .cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content * { background-color : #a0a0a0; @@ -359,6 +446,12 @@ body .cke_dialog cursor: default; } +.cke_skin_office2003 a.cke_dialog_ui_button_ok span, +.cke_skin_office2003 a.cke_dialog_ui_button_cancel span +{ + width:60px; +} + .cke_skin_office2003 span.cke_dialog_ui_button { background-image: url(images/sprites.png); @@ -392,6 +485,11 @@ body .cke_dialog { background-color: #8db1ff; } +.cke_skin_office2003 .cke_hc a:focus span.cke_dialog_ui_button, +.cke_skin_office2003 .cke_hc a:active span.cke_dialog_ui_button +{ + border-width: 2px; +} .cke_skin_office2003 .cke_dialog_footer_buttons { @@ -410,10 +508,14 @@ body .cke_dialog .cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button { - width: 60px; margin: 7px 0; } +.cke_skin_office2003 .cke_browser_ie7 .cke_dialog_footer_buttons +{ + position: static; +} + .cke_skin_office2003 strong { font-weight: bold; @@ -421,7 +523,10 @@ body .cke_dialog /* close_button */ -.cke_skin_office2003 .cke_dialog_close_button +.cke_skin_office2003 a.cke_dialog_close_button, +.cke_skin_office2003 a:hover.cke_dialog_close_button, +.cke_skin_office2003 .cke_browser_ie6 a.cke_dialog_close_button, +.cke_skin_office2003 .cke_browser_ie6 a:hover.cke_dialog_close_button { background-image: url(images/sprites.png); background-repeat: no-repeat; @@ -437,25 +542,27 @@ body .cke_dialog _background-image: url(images/sprites_ie6.png); } -.cke_skin_office2003 .cke_dialog_close_button span +.cke_skin_office2003 a.cke_dialog_close_button span { display: none; } -.cke_skin_office2003 .cke_ltr .cke_dialog_close_button +.cke_skin_office2003 .cke_ltr a.cke_dialog_close_button { right: 10px; _right: 22px; } -.cke_skin_office2003 .cke_rtl .cke_dialog_close_button +.cke_skin_office2003 .cke_rtl a.cke_dialog_close_button, +.cke_skin_office2003 .cke_rtl a:hover.cke_dialog_close_button { left: 10px; _left: 16px; _top: 6px; } -.cke_skin_office2003 .cke_browser_ie6.cke_rtl .cke_dialog_close_button +.cke_skin_office2003 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button, +.cke_skin_office2003 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button { position: relative; float: left; @@ -463,12 +570,14 @@ body .cke_dialog margin-left: -7px; } -.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button +.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button, +.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button { margin-top: -32px; } -.cke_skin_office2003 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button +.cke_skin_office2003 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button, +.cke_skin_office2003 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button { margin-top: 0; } @@ -479,7 +588,7 @@ body .cke_dialog background-color: white; } -.cke_skin_office2003 iframe.cke_dialog_ui_input_file +.cke_skin_office2003 .cke_dialog_ui_input_file { width: 100%; height: 25px; @@ -532,6 +641,10 @@ body .cke_dialog border: none 1px; font-size: 1px; } +.cke_skin_office2003 .cke_dialog a.cke_btn_locked .cke_icon +{ + display:none; +} .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked, .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked @@ -549,20 +662,29 @@ body .cke_dialog { border: outset 1px; cursor: pointer; - cursor: hand; } -.cke_skin_office2003 .cke_dialog #ImagePreviewBox +.cke_skin_office2003 .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_office2003 .cke_dialog #ImagePreviewLoader + +.cke_skin_office2003 .cke_dialog .ImagePreviewBox table td { + white-space: normal; +} + +/* Fix iframedialog's height doesn't stretch to 100% #4863.*/ +.cke_skin_office2003 .cke_browser_iequirks .cke_dialog_page_contents +{ + _position: absolute; +} + +.cke_skin_office2003 .cke_dialog .ImagePreviewLoader { position: absolute; white-space : normal; @@ -577,7 +699,7 @@ body .cke_dialog background-color : #e4e4e4; } -.cke_skin_office2003 .cke_dialog #FlashPreviewBox +.cke_skin_office2003 .cke_dialog .FlashPreviewBox { white-space : normal; border : 2px ridge black; @@ -588,6 +710,27 @@ body .cke_dialog background-color : white; } +.cke_skin_office2003 .cke_dialog .cke_pastetext +{ + width: 346px; + height: 170px; +} + +.cke_skin_office2003 .cke_dialog .cke_pastetext textarea +{ + width: 340px; + height: 170px; + resize: none; +} + +.cke_skin_office2003 .cke_dialog iframe.cke_pasteframe +{ + width: 346px; + height: 130px; + background-color: white; + border: 1px solid black; +} + .cke_skin_office2003 .cke_dialog .cke_dark_background { text-align : center; @@ -604,7 +747,6 @@ body .cke_dialog .cke_skin_office2003 .cke_dialog .cke_hand { cursor: pointer; - cursor: hand; } .cke_skin_office2003 .cke_disabled @@ -636,8 +778,67 @@ body .cke_dialog { display: inline; cursor: pointer; - cursor: hand; font-weight: bold; position: relative; top: 3px; } + +.cke_skin_office2003 .cke_dialog_body .cke_label +{ + display: none; +} + +.cke_skin_office2003 .cke_dialog_body label.cke_required +{ + font-weight: bold; +} + +.cke_skin_office2003 .cke_hc .cke_dialog_body .cke_label +{ + display: inline; + cursor: inherit; +} + +.cke_skin_office2003 .cke_hc a.cke_btn_locked, +.cke_skin_office2003 .cke_hc a.cke_btn_unlocked, +.cke_skin_office2003 .cke_hc a.cke_btn_reset +{ + border-style: solid; + float: left; + width: auto; + height: auto; + padding: 0 2px; +} +.cke_skin_office2003 .cke_hc a.cke_btn_locked .cke_icon +{ + display:inline; +} + +.cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_locked, +.cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_unlocked, +.cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_reset +{ + float: right; +} + +/** + * Styles specific to "cellProperties" dialog. + */ + +.cke_skin_office2003 .cke_dialog_contents a.colorChooser +{ + display:block; + margin-top:12px; + margin-left: 10px; + width: 40px; +} + +.cke_skin_office2003 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button +{ + width:100%; +} + +.cke_skin_office2003 .cke_rtl .cke_dialog_contents a.colorChooser +{ + margin-right: 10px; +}