diff options
Diffstat (limited to '_source/skins')
25 files changed, 6912 insertions, 6392 deletions
diff --git a/_source/skins/kama/dialog.css b/_source/skins/kama/dialog.css index a728b85..247c895 100644 --- a/_source/skins/kama/dialog.css +++ b/_source/skins/kama/dialog.css @@ -1,759 +1,822 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/* Restore the dialog visibility */ -body .cke_dialog -{ - visibility: visible; -} - -/* Force Gecko to consider table as positioned */ -.cke_skin_kama table.cke_dialog.cke_browser_gecko -{ - display:block; -} - -.cke_skin_kama .cke_dialog_body -{ - z-index: 1; - border: solid 1px #ddd; - padding: 5px; - background-color: #fff; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - - /* '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_kama .cke_dialog_tl, -.cke_skin_kama .cke_dialog_tr, -.cke_skin_kama .cke_dialog_tc, -.cke_skin_kama .cke_dialog_bl, -.cke_skin_kama .cke_dialog_br, -.cke_skin_kama .cke_dialog_bc, -.cke_skin_kama .cke_dialog_ml, -.cke_skin_kama .cke_dialog_mr -{ - display:none; -} - -.cke_skin_kama .cke_dialog_title -{ - font-weight: bold; - font-size: 14px; - padding: 3px 3px 8px; - cursor: move; - position: relative; - border-bottom: 1px solid #eee; -} - -.cke_skin_kama .cke_browser_iequirks .cke_dialog_title, -.cke_skin_kama .cke_browser_ie6 .cke_dialog_title, -.cke_skin_kama .cke_browser_ie7 .cke_dialog_title -{ - margin-bottom: 22px; -} - -.cke_skin_kama .cke_browser_iequirks.cke_single_page .cke_dialog_title, -.cke_skin_kama .cke_browser_ie6.cke_single_page .cke_dialog_title, -.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_title -{ - margin-bottom: 10px; -} - -.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_title -{ - position: static !important; - unicode-bidi: bidi-override; -} - -.cke_skin_kama .cke_dialog_contents -{ - background-color: #ebebeb; - border: solid 1px #fff; - border-bottom: none; - overflow: auto; - padding: 17px 10px 5px 10px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - margin-top: 22px; -} - -.cke_skin_kama .cke_dialog_footer -{ - text-align: right; - background-color: #ebebeb; - border: solid 1px #fff; - border-bottom: none; - -moz-border-radius-bottomleft: 5px; - -moz-border-radius-bottomright: 5px; - -webkit-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} - -.cke_skin_kama .cke_rtl .cke_dialog_footer -{ - text-align: left; -} - -/* tabs */ - -.cke_skin_kama .cke_dialog_tabs -{ - height: 23px; - display: inline-block; - _display: block; - margin-left:10px; - margin-right:10px; - margin-top: 11px; - position: absolute; - z-index: 2; -} - -.cke_skin_kama .cke_browser_iequirks .cke_dialog_tabs, -.cke_skin_kama .cke_browser_ie6 .cke_dialog_tabs, -.cke_skin_kama .cke_browser_ie7 .cke_dialog_tabs -{ - top: 33px; -} - -.cke_skin_kama .cke_rtl .cke_dialog_tabs -{ - right: 10px; -} - -.cke_skin_kama a.cke_dialog_tab, -.cke_skin_kama a:link.cke_dialog_tab, -.cke_skin_kama a:active.cke_dialog_tab, -.cke_skin_kama a:hover.cke_dialog_tab, -.cke_skin_kama a:visited.cke_dialog_tab -{ - background-image: url(images/sprites.png); - background-repeat: repeat-x; - background-position: 0 -1323px; - - background-color: #ebebeb; - height: 14px; - padding: 4px 8px; - display: inline-block; - cursor: pointer; - -} - -/* Gecko 1.8 layout workaround. */ -.cke_skin_kama .cke_browser_gecko18 a.cke_dialog_tab, -.cke_skin_kama .cke_browser_gecko18 a:link.cke_dialog_tab, -.cke_skin_kama .cke_browser_gecko18 a:active.cke_dialog_tab, -.cke_skin_kama .cke_browser_gecko18 a:hover.cke_dialog_tab, -.cke_skin_kama .cke_browser_gecko18 a:visited.cke_dialog_tab -{ - display: inline; - position: relative; - top: 6px; -} - -.cke_skin_kama a:hover.cke_dialog_tab -{ - background-color: #f1f1e3; -} - -.cke_skin_kama a.cke_dialog_tab_selected, -.cke_skin_kama a:link.cke_dialog_tab_selected, -.cke_skin_kama a:active.cke_dialog_tab_selected, -.cke_skin_kama a:hover.cke_dialog_tab_selected, -.cke_skin_kama a:visited.cke_dialog_tab_selected -{ - background-position: 0 -1279px; - cursor: default; -} - -/* single_page */ - -.cke_skin_kama .cke_single_page .cke_dialog_tabs -{ - display: none; -} - -.cke_skin_kama .cke_single_page .cke_dialog_contents -{ - padding-top: 5px; - margin-top: 10px; -} - -/* IE7 + IE quirks */ -.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_contents -{ - margin-top: -10px; - position: relative; - margin-bottom: -22px; -} - -.cke_skin_kama .cke_dialog_ui_vbox table, -.cke_skin_kama .cke_dialog_ui_hbox table -{ - margin: auto; -} - -.cke_skin_kama .cke_dialog_ui_vbox_child -{ - padding: 5px 0px; -} - -.cke_skin_kama input.cke_dialog_ui_input_text, -.cke_skin_kama input.cke_dialog_ui_input_password -{ - background-color: white; - border: none; - padding: 0px; - width: 100%; - height: 14px; -} - -.cke_skin_kama div.cke_dialog_ui_input_text, -.cke_skin_kama div.cke_dialog_ui_input_password -{ - background-color: white; - border: 1px solid #a0a0a0; - padding: 1px 0px; -} - -.cke_skin_kama textarea.cke_dialog_ui_input_textarea -{ - background-color: white; - border: none; - padding: 0px; - width: 100%; - /* - * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden. - * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users. - */ - _width: 99%; - overflow: auto; - resize: none; -} - -.cke_skin_kama div.cke_dialog_ui_input_textarea -{ - background-color: white; - border: 1px solid #a0a0a0; - padding: 1px 0px; -} - -.cke_skin_kama div.cke_disabled .cke_dialog_ui_labeled_content * -{ - background-color : #a0a0a0; - cursor : default; -} - -.cke_skin_kama .cke_dialog_ui_hbox -{ - width: 100%; -} - -.cke_skin_kama .cke_dialog_ui_hbox_first, -.cke_skin_kama .cke_dialog_ui_hbox_child, -.cke_skin_kama .cke_dialog_ui_hbox_last -{ - vertical-align: top; -} - -.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_first, -.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_child -{ - padding-right: 10px; -} - -.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_first, -.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_child -{ - padding-left: 10px; -} - -/* button */ - -.cke_skin_kama a.cke_dialog_ui_button -{ - border-collapse: separate; - cursor: default; - - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - background: transparent url(images/sprites.png) repeat-x scroll 0 -1069px; - _background: none; - padding: 5px 0; -} - -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button -{ - padding: 0; -} - -/* IE6 buttons. */ -.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span -{ - width: 70px; -} - -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span -{ - width: 100px; -} - -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span -{ - padding: 5px 15px; - text-align: center; - color: #3b3b1f; - background: #53D9F0 none; - display: inline-block; - cursor: default; -} -/* END IE6 buttons. */ - -.cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button span.cke_dialog_ui_button -{ - margin: 0; -} -.cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button -{ - float: right; - padding-top: 3px; - padding-bottom: 2px; - margin: 2px 0; -} - -.cke_skin_kama a.cke_dialog_ui_button_ok span, -.cke_skin_kama a.cke_dialog_ui_button_cancel span -{ - padding-right: 20px; - padding-left: 20px; -} - -.cke_skin_kama a.cke_dialog_ui_button_ok -{ - background-position: 0 -1143px; -} - -.cke_skin_kama a.cke_dialog_ui_button_ok span -{ - background: transparent url(images/sprites.png) no-repeat scroll right -1219px; -} - -.cke_skin_kama .cke_rtl a.cke_dialog_ui_button_ok span -{ - background-position: left -1219px; -} - -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span, -.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span -{ - background-color: #B8E834; - margin-right: 0; -} - -.cke_skin_kama a.cke_dialog_ui_button_cancel -{ - background-position: 0 -1104px; -} - -.cke_skin_kama a.cke_dialog_ui_button_cancel span -{ - background: transparent url(images/sprites.png) no-repeat scroll right -1245px; -} - -.cke_skin_kama .cke_rtl a.cke_dialog_ui_button_cancel span -{ - background-position: left -1245px; -} - -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span, -.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span -{ - background-color: #F65D20; -} - -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span, -.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span, -.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span, -.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span -{ - background-image: none; -} - -.cke_skin_kama span.cke_dialog_ui_button -{ - padding: 2px 10px; - text-align: center; - color: #222; - display: inline-block; - cursor: default; -} - -/* Gecko 1.8 does not support display: inline-block */ -.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - display: block; -} - -.cke_skin_kama a.cke_dialog_ui_button span.cke_disabled -{ - border: #898980 1px solid; - color: #5e5e55; - background-color: #c5c5b3; -} - -.cke_skin_kama a:hover.cke_dialog_ui_button, -.cke_skin_kama a:focus.cke_dialog_ui_button, -.cke_skin_kama a:active.cke_dialog_ui_button -{ - background-position: 0 -1179px; -} - -/* Skip hover effect on IE6 */ -.cke_skin_kama .cke_browser_iequirks a:hover.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_iequirks a:focus.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_iequirks a:active.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_ie6 a:hover.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_ie6 a:focus.cke_dialog_ui_button span, -.cke_skin_kama .cke_browser_ie6 a:active.cke_dialog_ui_button span -{ - background-image: none; - background: #F7A922; -} - -.cke_skin_kama .cke_dialog_footer_buttons -{ - display: inline-table; - margin-right: 12px; - margin-left: 12px; - width: auto; - position: relative; -} - -/* Gecko 1.8 does not support for display: inline-table */ -.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons -{ - display: inline; -} - -.cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - margin: 7px 0; - width: 60px; - text-align: center; -} - -/* Firefox2 buttons */ -.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons a.cke_dialog_ui_button -{ - display: block; - padding: 0; -} - -.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - padding-bottom: 5px; - padding-top: 6px; - margin-bottom: 0; -} - -.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_ok .cke_dialog_ui_button -{ - background-position: right -1214px; -} - -.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_cancel .cke_dialog_ui_button -{ - background-position: right -1242px; -} -/* END Firefox2 buttons */ - -.cke_skin_kama strong -{ - font-weight: bold; -} - -/* close_button */ - -.cke_skin_kama .cke_dialog_close_button -{ - background-image: url(images/sprites.png); - background-repeat: no-repeat; - background-position: 0 -1022px; - position: absolute; - cursor: pointer; - text-align: center; - height: 20px; - width: 20px; - top: 5px; - - /* IE 6 */ - _background-image: url(images/sprites_ie6.png); -} - -.cke_skin_kama .cke_dialog_close_button span -{ - display: none; -} - -.cke_skin_kama .cke_dialog_close_button:hover -{ - background-position: 0 -1045px; -} - -.cke_skin_kama .cke_ltr .cke_dialog_close_button -{ - right: 10px; -} - -.cke_skin_kama .cke_browser_ie8.cke_rtl .cke_dialog_close_button -{ - left: 8px; -} - -.cke_skin_kama .cke_rtl .cke_dialog_close_button -{ - left: 10px; -} - -.cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button -{ - left: 16px; - top: 0; -} - -/*.cke_skin_kama .cke_browser_ie6.cke_rtl .cke_dialog_close_button -{ - left: 16px; -}*/ - -/* IE7 + IE quirks */ -.cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button -{ - position: absolute; - left: 10px; - top: 5px; -} - -/* IE7 + IE quirks */ -.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_footer -{ - margin-top: 22px; -} - -.cke_skin_kama .cke_browser_ie6 .cke_dialog_close_button, -.cke_skin_kama .cke_browser_iequirks .cke_dialog_close_button -{ - top: 7px; -} - -/* IE7 + IE quirks */ -.cke_skin_kama .cke_browser_ie7.cke_ltr .cke_dialog_close_button -{ - margin-top: 0; -} - -.cke_skin_kama .cke_dialog_ui_input_select -{ - border: 1px solid #a0a0a0; - background-color: white; -} - -.cke_skin_kama iframe.cke_dialog_ui_input_file -{ - width: 100%; - height: 25px; -} - -/* - * Some utility CSS classes for dialog authors. - */ -.cke_skin_kama .cke_dialog .cke_dark_background -{ - background-color: #eaead1; -} - -.cke_skin_kama .cke_dialog .cke_hand -{ - cursor: pointer; -} - -.cke_skin_kama .cke_dialog .cke_centered -{ - text-align: center; -} - -.cke_skin_kama .cke_dialog a.cke_btn_reset -{ - float: right; - background-position: 0 -32px; - background-image: url(images/mini.gif); - width: 16px; - height: 16px; - background-repeat: no-repeat; - border: 1px none; - font-size: 1px; -} - -.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_reset -{ - float: left; -} - -.cke_skin_kama .cke_dialog a.cke_btn_locked, -.cke_skin_kama .cke_dialog a.cke_btn_unlocked -{ - float: left; - background-position: 0 0; - background-image: url(images/mini.gif); - width: 16px; - height: 16px; - background-repeat: no-repeat; - border: none 1px; - font-size: 1px; -} - -.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked, -.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked -{ - float: right; -} - -.cke_skin_kama .cke_dialog a.cke_btn_unlocked -{ - background-position: 0 -16px; - background-image: url(images/mini.gif); -} - -.cke_skin_kama .cke_dialog .cke_btn_over -{ - border: outset 1px; - cursor: pointer; - cursor: hand; -} - -.cke_skin_kama .cke_dialog #ImagePreviewBox -{ - white-space : normal; - border : 2px ridge black; - overflow : scroll; - height : 160px; - width : 230px; - padding : 2px; - background-color : white; -} -.cke_skin_kama .cke_dialog #ImagePreviewLoader -{ - position: absolute; - white-space : normal; - overflow : hidden; - height : 160px; - width : 230px; - margin : 2px; - padding : 2px; - opacity : 0.9; - filter : alpha(opacity=90); - - background-color : #e4e4e4; -} - -.cke_skin_kama .cke_dialog #FlashPreviewBox -{ - white-space : normal; - border : 2px ridge black; - overflow : auto; - height : 160px; - width : 390px; - padding : 2px; - background-color : white; -} - -.cke_skin_kama .cke_dialog .cke_dark_background -{ - text-align : center; - background-color: #eaead1; - font-size : 14px; -} - -.cke_skin_kama .cke_dialog .cke_light_background -{ - text-align : center; - background-color: #ffffbe; -} - -.cke_skin_kama .cke_dialog .cke_hand -{ - cursor: pointer; - cursor: hand; -} - -.cke_skin_kama .cke_disabled -{ - color: #a0a0a0; -} - -/* High Contrast Mode */ - -.cke_skin_kama .cke_hc .cke_dialog_title, -.cke_skin_kama .cke_hc .cke_dialog_tabs, -.cke_skin_kama .cke_hc .cke_dialog_contents, -.cke_skin_kama .cke_hc .cke_dialog_footer -{ - border-left: 1px solid; - border-right: 1px solid; -} - -.cke_skin_kama .cke_hc .cke_dialog_title -{ - border-top: 1px solid; -} - -.cke_skin_kama .cke_hc .cke_dialog_footer -{ - border-bottom: 1px solid; -} - -.cke_skin_kama .cke_hc .cke_dialog_close_button span -{ - display: inline; - cursor: pointer; - cursor: hand; - font-weight: bold; - position: relative; - top: 3px; -} -.cke_skin_kama .cke_hc a.cke_btn_locked, -.cke_skin_kama .cke_hc a.cke_btn_unlocked, -.cke_skin_kama .cke_hc a.cke_btn_reset -{ - border-style: solid; -} - -.cke_skin_kama a.cke_smile img -{ - /* IE6 does not support transparent borders */ - border: 2px solid #eaead1; -} - -.cke_skin_kama a.cke_smile:focus img, -.cke_skin_kama a.cke_smile:active img, -.cke_skin_kama a.cke_smile:hover img -{ - border-color: #C7C78F; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/* Restore the dialog visibility */
+body .cke_dialog
+{
+ visibility: visible;
+}
+
+/* Force Gecko to consider table as positioned */
+.cke_skin_kama table.cke_dialog.cke_browser_gecko
+{
+ display:block;
+}
+
+.cke_skin_kama .cke_dialog_body
+{
+ z-index: 1;
+ border: solid 1px #ddd;
+ padding: 5px;
+ background-color: #fff;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+
+ /* '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_kama .cke_dialog_tl,
+.cke_skin_kama .cke_dialog_tr,
+.cke_skin_kama .cke_dialog_tc,
+.cke_skin_kama .cke_dialog_bl,
+.cke_skin_kama .cke_dialog_br,
+.cke_skin_kama .cke_dialog_bc,
+.cke_skin_kama .cke_dialog_ml,
+.cke_skin_kama .cke_dialog_mr
+{
+ display:none;
+}
+
+.cke_skin_kama .cke_dialog_title
+{
+ font-weight: bold;
+ font-size: 14px;
+ padding: 3px 3px 8px;
+ cursor: move;
+ position: relative;
+ border-bottom: 1px solid #eee;
+}
+
+.cke_skin_kama .cke_browser_iequirks .cke_dialog_title,
+.cke_skin_kama .cke_browser_ie6 .cke_dialog_title,
+.cke_skin_kama .cke_browser_ie7 .cke_dialog_title
+{
+ margin-bottom: 22px;
+}
+
+.cke_skin_kama .cke_browser_iequirks.cke_single_page .cke_dialog_title,
+.cke_skin_kama .cke_browser_ie6.cke_single_page .cke_dialog_title,
+.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_title
+{
+ margin-bottom: 10px;
+}
+
+.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_title
+{
+ position: static !important;
+ unicode-bidi: bidi-override;
+}
+
+.cke_skin_kama .cke_dialog_contents
+{
+ background-color: #ebebeb;
+ border: solid 1px #fff;
+ border-bottom: none;
+ overflow: auto;
+ padding: 17px 10px 5px 10px;
+ -moz-border-radius-topleft: 5px;
+ -moz-border-radius-topright: 5px;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ margin-top: 22px;
+}
+
+.cke_skin_kama .cke_dialog_footer
+{
+ text-align: right;
+ background-color: #ebebeb;
+ border: solid 1px #fff;
+ border-bottom: none;
+ -moz-border-radius-bottomleft: 5px;
+ -moz-border-radius-bottomright: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog_footer
+{
+ text-align: left;
+}
+
+/* tabs */
+
+.cke_skin_kama .cke_dialog_tabs
+{
+ height: 23px;
+ display: inline-block;
+ _display: block;
+ margin-left:10px;
+ margin-right:10px;
+ margin-top: 11px;
+ position: absolute;
+ z-index: 2;
+}
+
+.cke_skin_kama .cke_browser_iequirks .cke_dialog_tabs,
+.cke_skin_kama .cke_browser_ie6 .cke_dialog_tabs,
+.cke_skin_kama .cke_browser_ie7 .cke_dialog_tabs
+{
+ top: 33px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog_tabs
+{
+ right: 10px;
+}
+
+.cke_skin_kama a.cke_dialog_tab,
+.cke_skin_kama a:link.cke_dialog_tab,
+.cke_skin_kama a:active.cke_dialog_tab,
+.cke_skin_kama a:hover.cke_dialog_tab,
+.cke_skin_kama a:visited.cke_dialog_tab
+{
+ background-image: url(images/sprites.png);
+ background-repeat: repeat-x;
+ background-position: 0 -1323px;
+
+ background-color: #ebebeb;
+ height: 14px;
+ padding: 4px 8px;
+ display: inline-block;
+ cursor: pointer;
+
+}
+
+/* Gecko 1.8 layout workaround. */
+.cke_skin_kama .cke_browser_gecko18 a.cke_dialog_tab,
+.cke_skin_kama .cke_browser_gecko18 a:link.cke_dialog_tab,
+.cke_skin_kama .cke_browser_gecko18 a:active.cke_dialog_tab,
+.cke_skin_kama .cke_browser_gecko18 a:hover.cke_dialog_tab,
+.cke_skin_kama .cke_browser_gecko18 a:visited.cke_dialog_tab
+{
+ display: inline;
+ position: relative;
+ top: 6px;
+}
+
+.cke_skin_kama a:hover.cke_dialog_tab
+{
+ background-color: #f1f1e3;
+}
+
+.cke_skin_kama .cke_hc a:hover.cke_dialog_tab
+{
+ padding: 2px 6px !important;
+ border-width: 3px;
+}
+
+.cke_skin_kama a.cke_dialog_tab_selected,
+.cke_skin_kama a:link.cke_dialog_tab_selected,
+.cke_skin_kama a:active.cke_dialog_tab_selected,
+.cke_skin_kama a:hover.cke_dialog_tab_selected,
+.cke_skin_kama a:visited.cke_dialog_tab_selected
+{
+ background-position: 0 -1279px;
+ cursor: default;
+}
+
+.cke_skin_kama .cke_hc a.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:link.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:active.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:hover.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:visited.cke_dialog_tab_selected
+{
+ padding: 2px 6px !important;
+ border-width: 3px;
+}
+
+/* single_page */
+
+.cke_skin_kama .cke_single_page .cke_dialog_tabs
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_single_page .cke_dialog_contents
+{
+ padding-top: 5px;
+ 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
+{
+ margin: auto;
+}
+
+.cke_skin_kama .cke_dialog_ui_vbox_child
+{
+ padding: 5px 0px;
+}
+
+.cke_skin_kama input.cke_dialog_ui_input_text,
+.cke_skin_kama input.cke_dialog_ui_input_password
+{
+ background-color: white;
+ border: none;
+ padding: 0px;
+ width: 100%;
+ height: 14px;
+}
+
+.cke_skin_kama div.cke_dialog_ui_input_text,
+.cke_skin_kama div.cke_dialog_ui_input_password
+{
+ background-color: white;
+ border: 1px solid #a0a0a0;
+ padding: 1px 0px;
+}
+
+.cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
+{
+ border-width: 0px;
+}
+
+.cke_skin_kama .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
+{
+ border-width: 1px;
+}
+
+.cke_skin_kama textarea.cke_dialog_ui_input_textarea
+{
+ background-color: white;
+ border: none;
+ padding: 0px;
+ width: 100%;
+ /*
+ * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
+ * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
+ */
+ _width: 99%;
+ overflow: auto;
+ resize: none;
+}
+
+.cke_skin_kama div.cke_dialog_ui_input_textarea
+{
+ background-color: white;
+ border: 1px solid #a0a0a0;
+ padding: 1px 0px;
+}
+
+.cke_skin_kama div.cke_disabled .cke_dialog_ui_labeled_content *
+{
+ background-color : #a0a0a0;
+ cursor : default;
+}
+
+.cke_skin_kama .cke_dialog_ui_hbox
+{
+ width: 100%;
+}
+
+.cke_skin_kama .cke_dialog_ui_hbox_first,
+.cke_skin_kama .cke_dialog_ui_hbox_child,
+.cke_skin_kama .cke_dialog_ui_hbox_last
+{
+ vertical-align: top;
+}
+
+.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_first,
+.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_child
+{
+ padding-right: 10px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_first,
+.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_child
+{
+ padding-left: 10px;
+}
+
+/* button */
+
+.cke_skin_kama a.cke_dialog_ui_button
+{
+ border-collapse: separate;
+ cursor: default;
+
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background: transparent url(images/sprites.png) repeat-x scroll 0 -1069px;
+ _background: none;
+ padding: 5px 0;
+}
+
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button
+{
+ padding: 0;
+}
+
+/* IE6 buttons. */
+.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
+{
+ width: 70px;
+}
+
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span
+{
+ width: 100px;
+}
+
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
+{
+ padding: 5px 15px;
+ text-align: center;
+ color: #3b3b1f;
+ background: #53D9F0 none;
+ display: inline-block;
+ cursor: default;
+}
+/* END IE6 buttons. */
+
+.cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button span.cke_dialog_ui_button
+{
+ margin: 0;
+}
+.cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button
+{
+ display:inline-block;
+ padding-top: 3px;
+ padding-bottom: 2px;
+ margin: 2px 0;
+}
+
+.cke_skin_kama a.cke_dialog_ui_button_ok span,
+.cke_skin_kama a.cke_dialog_ui_button_cancel span
+{
+ padding-right: 20px;
+ padding-left: 20px;
+}
+
+.cke_skin_kama a.cke_dialog_ui_button_ok
+{
+ background-position: 0 -1143px;
+}
+
+.cke_skin_kama a.cke_dialog_ui_button_ok span
+{
+ background: transparent url(images/sprites.png) no-repeat scroll right -1219px;
+}
+
+.cke_skin_kama .cke_rtl a.cke_dialog_ui_button_ok span
+{
+ background-position: left -1219px;
+}
+
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
+.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
+{
+ background-color: #B8E834;
+ margin-right: 0;
+}
+
+.cke_skin_kama a.cke_dialog_ui_button_cancel
+{
+ background-position: 0 -1104px;
+}
+
+.cke_skin_kama a.cke_dialog_ui_button_cancel span
+{
+ background: transparent url(images/sprites.png) no-repeat scroll right -1245px;
+}
+
+.cke_skin_kama .cke_rtl a.cke_dialog_ui_button_cancel span
+{
+ background-position: left -1245px;
+}
+
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
+.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span
+{
+ background-color: #F65D20;
+}
+
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
+.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span,
+.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
+.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
+{
+ background-image: none;
+}
+
+.cke_skin_kama span.cke_dialog_ui_button
+{
+ padding: 2px 10px;
+ text-align: center;
+ color: #222;
+ display: inline-block;
+ cursor: default;
+}
+
+/* Gecko 1.8 does not support display: inline-block */
+.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ display: block;
+}
+
+.cke_skin_kama a.cke_dialog_ui_button span.cke_disabled
+{
+ border: #898980 1px solid;
+ color: #5e5e55;
+ background-color: #c5c5b3;
+}
+
+.cke_skin_kama a:hover.cke_dialog_ui_button,
+.cke_skin_kama a:focus.cke_dialog_ui_button,
+.cke_skin_kama a:active.cke_dialog_ui_button
+{
+ background-position: 0 -1179px;
+}
+
+.cke_skin_kama .cke_hc a:hover.cke_dialog_ui_button,
+.cke_skin_kama .cke_hc a:focus.cke_dialog_ui_button,
+.cke_skin_kama .cke_hc a:active.cke_dialog_ui_button
+{
+ border-width: 2px;
+}
+
+/* Skip hover effect on IE6 */
+.cke_skin_kama .cke_browser_iequirks a:hover.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_iequirks a:focus.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_iequirks a:active.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_ie6 a:hover.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_ie6 a:focus.cke_dialog_ui_button span,
+.cke_skin_kama .cke_browser_ie6 a:active.cke_dialog_ui_button span
+{
+ background-image: none;
+ background: #F7A922;
+}
+
+.cke_skin_kama .cke_dialog_footer_buttons
+{
+ display: inline-table;
+ margin-right: 12px;
+ margin-left: 12px;
+ width: auto;
+ position: relative;
+}
+
+/* Gecko 1.8 does not support for display: inline-table */
+.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons
+{
+ display: inline;
+}
+
+.cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ margin: 7px 0;
+ width: 60px;
+ text-align: center;
+}
+
+/* Firefox2 buttons */
+.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons a.cke_dialog_ui_button
+{
+ display: block;
+ padding: 0;
+}
+
+.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ padding-bottom: 5px;
+ padding-top: 6px;
+ margin-bottom: 0;
+}
+
+.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_ok .cke_dialog_ui_button
+{
+ background-position: right -1214px;
+}
+
+.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_cancel .cke_dialog_ui_button
+{
+ background-position: right -1242px;
+}
+/* END Firefox2 buttons */
+
+.cke_skin_kama strong
+{
+ font-weight: bold;
+}
+
+/* close_button */
+
+.cke_skin_kama .cke_dialog .cke_dialog_body .cke_dialog_close_button
+{
+ background-image: url(images/sprites.png);
+ background-repeat: no-repeat;
+ background-position: 0 -1022px;
+ position: absolute;
+ cursor: pointer;
+ text-align: center;
+ height: 20px;
+ width: 20px;
+ top: 5px;
+ /* IE 6 */
+ _background-image: url(images/sprites_ie6.png);
+}
+
+.cke_skin_kama .cke_dialog_close_button span
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_dialog_close_button:hover
+{
+ background-position: 0 -1045px;
+}
+
+.cke_skin_kama .cke_ltr .cke_dialog_close_button
+{
+ right: 10px;
+}
+
+.cke_skin_kama .cke_browser_ie8.cke_rtl .cke_dialog_close_button
+{
+ left: 8px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog_close_button
+{
+ left: 10px;
+}
+
+.cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button
+{
+ left: 16px;
+ top: 0;
+}
+
+/*.cke_skin_kama .cke_browser_ie6.cke_rtl .cke_dialog_close_button
+{
+ left: 16px;
+}*/
+
+/* IE7 + IE quirks */
+.cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button
+{
+ position: absolute;
+ left: 10px;
+ top: 5px;
+}
+
+/* IE7 + IE quirks */
+.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_footer
+{
+ margin-top: 22px;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_dialog_close_button,
+.cke_skin_kama .cke_browser_iequirks .cke_dialog_close_button
+{
+ top: 7px;
+}
+
+/* IE7 + IE quirks */
+.cke_skin_kama .cke_browser_ie7.cke_ltr .cke_dialog_close_button
+{
+ margin-top: 0;
+}
+
+.cke_skin_kama .cke_dialog_ui_input_select
+{
+ border: 1px solid #a0a0a0;
+ background-color: white;
+}
+
+.cke_skin_kama iframe.cke_dialog_ui_input_file
+{
+ width: 100%;
+ height: 25px;
+}
+
+/*
+ * Some utility CSS classes for dialog authors.
+ */
+.cke_skin_kama .cke_dialog .cke_dark_background
+{
+ background-color: #eaead1;
+}
+
+.cke_skin_kama .cke_dialog .cke_hand
+{
+ cursor: pointer;
+}
+
+.cke_skin_kama .cke_dialog .cke_centered
+{
+ text-align: center;
+}
+
+.cke_skin_kama .cke_dialog a.cke_btn_reset
+{
+ float: right;
+ background-position: 0 -32px;
+ background-image: url(images/mini.gif);
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ border: 1px none;
+ font-size: 1px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_reset
+{
+ float: left;
+}
+
+.cke_skin_kama .cke_dialog a.cke_btn_locked,
+.cke_skin_kama .cke_dialog a.cke_btn_unlocked
+{
+ float: left;
+ background-position: 0 0;
+ background-image: url(images/mini.gif);
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ border: none 1px;
+ font-size: 1px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked,
+.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked
+{
+ float: right;
+}
+
+.cke_skin_kama .cke_dialog a.cke_btn_unlocked
+{
+ background-position: 0 -16px;
+ background-image: url(images/mini.gif);
+}
+
+.cke_skin_kama .cke_dialog .cke_btn_over
+{
+ border: outset 1px;
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_kama .cke_dialog #ImagePreviewBox
+{
+ white-space : normal;
+ border : 2px ridge black;
+ overflow : scroll;
+ height : 160px;
+ width : 230px;
+ padding : 2px;
+ background-color : white;
+}
+.cke_skin_kama .cke_dialog #ImagePreviewLoader
+{
+ position: absolute;
+ white-space : normal;
+ overflow : hidden;
+ height : 160px;
+ width : 230px;
+ margin : 2px;
+ padding : 2px;
+ opacity : 0.9;
+ filter : alpha(opacity=90);
+
+ background-color : #e4e4e4;
+}
+
+.cke_skin_kama .cke_dialog #FlashPreviewBox
+{
+ white-space : normal;
+ border : 2px ridge black;
+ overflow : auto;
+ height : 160px;
+ width : 390px;
+ padding : 2px;
+ background-color : white;
+}
+
+.cke_skin_kama .cke_dialog .cke_dark_background
+{
+ text-align : center;
+ background-color: #eaead1;
+ font-size : 14px;
+}
+
+.cke_skin_kama .cke_dialog .cke_light_background
+{
+ text-align : center;
+ background-color: #ffffbe;
+}
+
+.cke_skin_kama .cke_dialog .cke_hand
+{
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_kama .cke_disabled
+{
+ color: #a0a0a0;
+}
+
+/* High Contrast Mode */
+
+.cke_skin_kama .cke_hc .cke_dialog_title,
+.cke_skin_kama .cke_hc .cke_dialog_tabs,
+.cke_skin_kama .cke_hc .cke_dialog_contents,
+.cke_skin_kama .cke_hc .cke_dialog_footer
+{
+ border-left: 1px solid;
+ border-right: 1px solid;
+}
+
+.cke_skin_kama .cke_hc .cke_dialog_title
+{
+ border-top: 1px solid;
+}
+
+.cke_skin_kama .cke_hc .cke_dialog_footer
+{
+ border-bottom: 1px solid;
+}
+
+.cke_skin_kama .cke_hc .cke_dialog_close_button span
+{
+ display: inline;
+ cursor: pointer;
+ cursor: hand;
+ font-weight: bold;
+ position: relative;
+ top: 3px;
+}
+
+.cke_skin_kama .cke_dialog_body .cke_label
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_hc .cke_dialog_body .cke_label
+{
+ display: inline;
+}
+
+.cke_skin_kama .cke_hc a.cke_btn_locked,
+.cke_skin_kama .cke_hc a.cke_btn_unlocked,
+.cke_skin_kama .cke_hc a.cke_btn_reset
+{
+ border-style: solid;
+ float: left;
+ width: auto;
+ height: auto;
+}
+
+.cke_skin_kama .cke_rtl.cke_hc a.cke_btn_locked,
+.cke_skin_kama .cke_rtl.cke_hc a.cke_btn_unlocked,
+.cke_skin_kama .cke_rtl.cke_hc a.cke_btn_reset
+{
+ float: right;
+}
+
+.cke_skin_kama a.cke_smile img
+{
+ /* IE6 does not support transparent borders */
+ border: 2px solid #eaead1;
+}
+
+.cke_skin_kama a.cke_smile:focus img,
+.cke_skin_kama a.cke_smile:active img,
+.cke_skin_kama a.cke_smile:hover img
+{
+ border-color: #C7C78F;
+}
+
+.cke_skin_kama .cke_hc .cke_dialog_tabs a,
+.cke_skin_kama .cke_hc .cke_dialog_footer a
+{
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+ border: 1px solid white;
+}
diff --git a/_source/skins/kama/elementspath.css b/_source/skins/kama/elementspath.css index 1aeca03..07f9f47 100644 --- a/_source/skins/kama/elementspath.css +++ b/_source/skins/kama/elementspath.css @@ -1,67 +1,72 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -@media print -{ - .cke_path - { - display: none; - } -} - -.cke_skin_kama .cke_path -{ - display: inline-block; - float: left; - margin-top: 5px; -} - -.cke_skin_kama .cke_rtl .cke_path -{ - float: right; -} - -.cke_shared .cke_skin_kama .cke_path -{ - _width: 100%; - margin: 0 0 5px; -} - -.cke_skin_kama .cke_path a, -.cke_skin_kama .cke_path .cke_empty -{ - display: inline-block; - float: left; - padding: 1px 4px 0; - color: #60676a; -} - -.cke_skin_kama .cke_path .cke_empty -{ - visibility: hidden; -} - -.cke_skin_kama .cke_rtl .cke_path a, -.cke_skin_kama .cke_rtl .cke_path cke_empty -{ - float: right; -} - -.cke_skin_kama .cke_path a:hover, -.cke_skin_kama .cke_path a:focus, -.cke_skin_kama .cke_path a:active /* IE */ -{ - background-color: #dff1ff; - padding: 1px 4px 0; - outline: none; - color : #000; -} - -/* IE double float-right workaround */ -.cke_skin_kama .cke_browser_ie .cke_rtl .cke_path a, -.cke_skin_kama .cke_browser_ie .cke_rtl .cke_path .cke_empty -{ - float: none; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+ .cke_path
+ {
+ display: none;
+ }
+}
+
+.cke_skin_kama .cke_path
+{
+ display: inline-block;
+ float: left;
+ margin-top: 5px;
+}
+
+.cke_skin_kama .cke_rtl .cke_path
+{
+ float: right;
+}
+
+.cke_shared .cke_skin_kama .cke_path
+{
+ _width: 100%;
+ margin: 0 0 5px;
+}
+
+.cke_skin_kama .cke_path a,
+.cke_skin_kama .cke_path .cke_empty
+{
+ display: inline-block;
+ float: left;
+ padding: 1px 4px 0;
+ color: #60676a;
+}
+
+.cke_skin_kama .cke_path .cke_empty
+{
+ visibility: hidden;
+}
+
+.cke_skin_kama .cke_rtl .cke_path a,
+.cke_skin_kama .cke_rtl .cke_path cke_empty
+{
+ float: right;
+}
+
+.cke_skin_kama .cke_path a:hover,
+.cke_skin_kama .cke_path a:focus,
+.cke_skin_kama .cke_path a:active /* IE */
+{
+ background-color: #dff1ff;
+ padding: 1px 4px 0;
+ outline: none;
+ color : #000;
+}
+
+/* IE double float-right workaround */
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_path a,
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_path .cke_empty
+{
+ float: none;
+}
+
+.cke_skin_kama .cke_path .cke_label
+{
+ display: none;
+}
diff --git a/_source/skins/kama/mainui.css b/_source/skins/kama/mainui.css index 37f26f0..e55c45a 100644 --- a/_source/skins/kama/mainui.css +++ b/_source/skins/kama/mainui.css @@ -1,163 +1,183 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_kama -{ - display: block; -} - -/* Main editor only settings. */ -span.cke_skin_kama -{ - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - border: 1px solid #D3D3D3; - padding: 5px; -} - -.cke_skin_kama span.cke_browser_webkit, -.cke_skin_kama span.cke_browser_gecko18 -{ - display: block; -} - -.cke_skin_kama .cke_wrapper -{ - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - background-color: #d3d3d3; - background-image: url(images/sprites.png); - background-repeat: repeat-x; - background-position: 0 -1950px; - display: block; - /* IE Quirks: editor chrome overflow horizontally without an explicit width. */ - _display: inline-block; - padding: 5px; - - /*background-color: Red;*/ -} - -.cke_shared .cke_skin_kama .cke_wrapper -{ - padding-bottom: 0; -} - -.cke_skin_kama .cke_browser_ie6 .cke_wrapper, -.cke_skin_kama .cke_browser_iequirks .cke_wrapper -{ - background-image: none; -} - -.cke_skin_kama .cke_editor -{ -/* - border: solid 1px #dcdcdc; -*/ - display: inline-table; - width: 100%; -} - -.cke_skin_kama .ltr .cke_browser_ie iframe -{ - margin-right: -10px; -} - -.cke_skin_kama .rtl .cke_browser_ie iframe -{ - margin-left: -10px; -} - -.cke_skin_kama .cke_browser_opera .cke_editor.cke_skin_kama .cke_resizer -{ - display: table; -} - -.cke_skin_kama .cke_contents -{ - margin: 5px; -} - -.cke_skin_kama .cke_hc .cke_contents -{ - border: 1px solid black; -} - -.cke_skin_kama .cke_contents iframe -{ - background-color: #fff; -} - -.cke_skin_kama .cke_focus -{ - outline: auto 5px -webkit-focus-ring-color; -} - -.cke_skin_kama textarea.cke_source -{ - font-family: 'Courier New' , Monospace; - font-size: small; - background-color: #fff; - white-space: pre; -} - -.cke_skin_kama .cke_browser_iequirks textarea.cke_source -{ - /* For IE6+Quirks only */ - _white-space: normal; -} - -.cke_skin_kama .cke_resizer -{ - width: 12px; - height: 12px; - margin-top: 9px; - display: block; - float: right; - /* resizer.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -1428px; - background-repeat: no-repeat; - cursor: se-resize; -} - -.cke_skin_kama .cke_rtl .cke_resizer -{ - cursor: sw-resize; - /* resizer_rtl.gif*/ - background-position: 0 -1455px; - float: left; -} - -.cke_skin_kama .cke_maximized .cke_resizer -{ - display: none; -} - -.cke_skin_kama .cke_browser_ie6 .cke_contents textarea, -.cke_skin_kama .cke_browser_ie7 .cke_contents textarea -{ - position: absolute; -} - -.cke_skin_kama .cke_browser_ie.cke_browser_quirks .cke_contents iframe -{ - position: absolute; - top: 0; -} - -.cke_skin_kama .cke_browser_ie6 .cke_editor, -.cke_skin_kama .cke_browser_ie7 .cke_editor -{ - display: inline-block; -} - -.cke_skin_kama .cke_browser_ie6 .cke_editor, -.cke_shared .cke_skin_kama .cke_browser_ie7 .cke_wrapper -{ - padding-bottom: 5px; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_kama
+{
+ display: block;
+}
+
+/* Main editor only settings. */
+span.cke_skin_kama
+{
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ border: 1px solid #D3D3D3;
+ padding: 5px;
+}
+
+.cke_skin_kama span.cke_browser_webkit,
+.cke_skin_kama span.cke_browser_gecko18
+{
+ display: block;
+}
+
+.cke_skin_kama .cke_wrapper
+{
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background-color: #d3d3d3;
+ background-image: url(images/sprites.png);
+ background-repeat: repeat-x;
+ background-position: 0 -1950px;
+ display: block;
+ /* IE Quirks: editor chrome overflow horizontally without an explicit width. */
+ _display: inline-block;
+ padding: 5px;
+
+ /*background-color: Red;*/
+}
+
+.cke_shared .cke_skin_kama .cke_wrapper
+{
+ padding-bottom: 0;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_wrapper,
+.cke_skin_kama .cke_browser_iequirks .cke_wrapper
+{
+ background-image: none;
+}
+
+.cke_skin_kama .cke_editor
+{
+/*
+ border: solid 1px #dcdcdc;
+*/
+ display: inline-table;
+ width: 100%;
+}
+
+.cke_skin_kama .ltr .cke_browser_ie iframe
+{
+ margin-right: -10px;
+}
+
+.cke_skin_kama .rtl .cke_browser_ie iframe
+{
+ margin-left: -10px;
+}
+
+.cke_skin_kama .cke_browser_opera .cke_editor.cke_skin_kama .cke_resizer
+{
+ display: table;
+}
+
+.cke_skin_kama .cke_contents
+{
+ margin: 5px;
+}
+
+.cke_skin_kama .cke_hc .cke_contents
+{
+ border: 1px solid black;
+}
+
+.cke_skin_kama .cke_contents iframe
+{
+ background-color: #fff;
+}
+
+.cke_skin_kama .cke_focus
+{
+ outline: auto 5px -webkit-focus-ring-color;
+}
+
+.cke_skin_kama textarea.cke_source
+{
+ font-family: 'Courier New' , Monospace;
+ font-size: small;
+ background-color: #fff;
+ white-space: pre;
+}
+
+.cke_skin_kama .cke_browser_iequirks textarea.cke_source
+{
+ /* For IE6+Quirks only */
+ _white-space: normal;
+}
+
+.cke_skin_kama .cke_resizer
+{
+ width: 12px;
+ height: 12px;
+ margin-top: 9px;
+ display: block;
+ float: right;
+ /* resizer.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -1428px;
+ background-repeat: no-repeat;
+ cursor: se-resize;
+}
+
+.cke_skin_kama .cke_rtl .cke_resizer
+{
+ cursor: sw-resize;
+ /* resizer_rtl.gif*/
+ background-position: 0 -1455px;
+ float: left;
+}
+
+.cke_skin_kama .cke_maximized .cke_resizer
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_contents textarea,
+.cke_skin_kama .cke_browser_ie7 .cke_contents textarea
+{
+ position: absolute;
+}
+
+.cke_skin_kama .cke_browser_ie.cke_browser_quirks .cke_contents iframe
+{
+ position: absolute;
+ top: 0;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_editor,
+.cke_skin_kama .cke_browser_ie7 .cke_editor
+{
+ display: inline-block;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_editor,
+.cke_shared .cke_skin_kama .cke_browser_ie7 .cke_wrapper
+{
+ padding-bottom: 5px;
+}
+
+/* All voice labels are not displayed. */
+.cke_skin_kama .cke_voice_label
+{
+ display: none;
+}
+
+.cke_skin_kama legend.cke_voice_label
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_browser_ie legend.cke_voice_label
+{
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
diff --git a/_source/skins/kama/menu.css b/_source/skins/kama/menu.css index 6d2357a..5ee3cad 100644 --- a/_source/skins/kama/menu.css +++ b/_source/skins/kama/menu.css @@ -1,179 +1,211 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_kama .cke_contextmenu -{ - padding: 2px; -} - -.cke_skin_kama .cke_menuitem a -{ - display:block; -} - -.cke_skin_kama .cke_menuitem span -{ - cursor: default; -} - -.cke_skin_kama .cke_menuitem a:hover, -.cke_skin_kama .cke_menuitem a:focus, -.cke_skin_kama .cke_menuitem a:active -{ - background-color: #D3D3D3; - display:block; -} - -.cke_skin_kama .cke_menuitem a.cke_disabled:hover, -.cke_skin_kama .cke_menuitem a.cke_disabled:focus, -.cke_skin_kama .cke_menuitem a.cke_disabled:active -{ - background-color: transparent !important; -} - -.cke_skin_kama .cke_menuitem .cke_icon -{ - background-image: url(icons.png); - background-position: 100px; - background-repeat:no-repeat; - background-color: transparent; - width: 16px; - height: 16px; - float: left; -} - -.cke_skin_kama .cke_menuitem .cke_disabled .cke_icon -{ - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_menuitem .cke_icon_wrapper -{ - background-color: #D3D3D3; - border: solid 4px #D3D3D3; - width: 16px; - height: 16px; - float: left; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - clear: both; -} - -.cke_rtl .cke_skin_kama .cke_menuitem .cke_icon_wrapper -{ - float: right; -} - -.cke_skin_kama .cke_menuitem a:hover .cke_icon_wrapper, -.cke_skin_kama .cke_menuitem a:focus .cke_icon_wrapper, -.cke_skin_kama .cke_menuitem a:active .cke_icon_wrapper -{ - background-color: #9d9d9d; - border: solid 4px #9d9d9d; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper, -.cke_skin_kama .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper, -.cke_skin_kama .cke_menuitem a:active.cke_disabled .cke_icon_wrapper -{ - background-color: #D3D3D3; - border: solid 4px #D3D3D3; -} - -.cke_skin_kama .cke_menuitem .cke_label -{ - display:block; - padding-right: 3px; - padding-top: 5px; - padding-left: 4px; - height:19px; - margin-left: 24px; - background-color: #fff; - _overflow: hidden; - _width: 80px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_rtl .cke_skin_kama .cke_menuitem .cke_label -{ - padding-right: 0; - margin-left: 0; - padding-left: 3px; - margin-right: 28px; -} - -.cke_skin_kama .cke_menuitem a.cke_disabled .cke_label -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.30; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_menuitem a:hover .cke_label, -.cke_skin_kama .cke_menuitem a:focus .cke_label, -.cke_skin_kama .cke_menuitem a:active .cke_label -{ - background-color: #D3D3D3; -} - -.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_label, -.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_label, -.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_label -{ - background-color: transparent; -} - -.cke_skin_kama .cke_menuseparator -{ - background-color: #D3D3D3; - height: 2px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - - _font-size: 0; -} - -.cke_skin_kama .cke_menuarrow -{ - /* arrowright.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -1411px; - background-repeat: no-repeat; - height: 5px; - width: 3px; - float: right; - margin-right: 2px; - margin-top: 3px; -} - -.cke_rtl .cke_skin_kama .cke_menuarrow -{ - float: left; - margin-right: 0; - margin-left: 2px; - /* arrowleft.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0px -1390px; - background-repeat: no-repeat; -} - -/* #3766 In the context menu, long labels with second level menu get wrapped */ -.cke_browser_ie.cke_ltr .cke_skin_kama .cke_menuarrow -{ - position: absolute; - right: 2px; -} - -.cke_browser_ie.cke_rtl .cke_skin_kama .cke_menuarrow -{ - position: absolute; - left: 2px; -} -/* END #3766 */ +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_kama .cke_contextmenu
+{
+ padding: 2px;
+}
+
+.cke_skin_kama .cke_menuitem a
+{
+ display:block;
+}
+
+.cke_skin_kama .cke_menuitem span
+{
+ cursor: default;
+}
+
+.cke_skin_kama .cke_menuitem a:hover,
+.cke_skin_kama .cke_menuitem a:focus,
+.cke_skin_kama .cke_menuitem a:active
+{
+ background-color: #D3D3D3;
+ display:block;
+}
+
+.cke_hc .cke_menuitem a:hover,
+.cke_hc .cke_menuitem a:focus,
+.cke_hc .cke_menuitem a:active
+{
+ border: 2px solid;
+}
+
+.cke_skin_kama .cke_menuitem a.cke_disabled:hover,
+.cke_skin_kama .cke_menuitem a.cke_disabled:focus,
+.cke_skin_kama .cke_menuitem a.cke_disabled:active
+{
+ background-color: transparent !important;
+}
+
+.cke_hc .cke_menuitem a.cke_disabled:hover,
+.cke_hc .cke_menuitem a.cke_disabled:focus,
+.cke_hc .cke_menuitem a.cke_disabled:active
+{
+ border-width: 0px;
+}
+
+.cke_skin_kama .cke_menuitem .cke_icon
+{
+ background-image: url(icons.png);
+ background-position: 100px;
+ background-repeat:no-repeat;
+ background-color: transparent;
+ width: 16px;
+ height: 16px;
+ float: left;
+}
+
+.cke_skin_kama .cke_menuitem .cke_disabled .cke_icon
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_menuitem .cke_icon_wrapper
+{
+ background-color: #D3D3D3;
+ border: solid 4px #D3D3D3;
+ width: 16px;
+ height: 16px;
+ float: left;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+ clear: both;
+}
+
+.cke_rtl .cke_skin_kama .cke_menuitem .cke_icon_wrapper
+{
+ float: right;
+}
+
+.cke_skin_kama .cke_menuitem a:hover .cke_icon_wrapper,
+.cke_skin_kama .cke_menuitem a:focus .cke_icon_wrapper,
+.cke_skin_kama .cke_menuitem a:active .cke_icon_wrapper
+{
+ background-color: #9d9d9d;
+ border: solid 4px #9d9d9d;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,
+.cke_skin_kama .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,
+.cke_skin_kama .cke_menuitem a:active.cke_disabled .cke_icon_wrapper
+{
+ background-color: #D3D3D3;
+ border: solid 4px #D3D3D3;
+}
+
+.cke_skin_kama .cke_menuitem .cke_label
+{
+ display:block;
+ padding-right: 3px;
+ padding-top: 5px;
+ padding-left: 4px;
+ height:19px;
+ margin-left: 24px;
+ background-color: #fff;
+}
+/* Set these after the document has been loaded and we know the dimensions*/
+.cke_skin_kama .cke_frameLoaded .cke_menuitem .cke_label
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_rtl .cke_skin_kama .cke_menuitem .cke_label
+{
+ padding-right: 0;
+ margin-left: 0;
+ padding-left: 3px;
+ margin-right: 28px;
+}
+
+.cke_skin_kama .cke_menuitem a.cke_disabled .cke_label
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.30; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_menuitem a:hover .cke_label,
+.cke_skin_kama .cke_menuitem a:focus .cke_label,
+.cke_skin_kama .cke_menuitem a:active .cke_label
+{
+ background-color: #D3D3D3;
+}
+
+.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_label,
+.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_label,
+.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_label
+{
+ background-color: transparent;
+}
+
+.cke_skin_kama .cke_menuseparator
+{
+ background-color: #D3D3D3;
+ height: 2px;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+
+ _font-size: 0;
+}
+
+.cke_skin_kama .cke_menuarrow
+{
+ /* arrowright.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -1411px;
+ background-repeat: no-repeat;
+ height: 5px;
+ width: 3px;
+ float: right;
+ margin-right: 2px;
+ margin-top: 3px;
+}
+
+.cke_rtl .cke_skin_kama .cke_menuarrow
+{
+ float: left;
+ margin-right: 0;
+ margin-left: 2px;
+ /* arrowleft.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0px -1390px;
+ background-repeat: no-repeat;
+}
+
+.cke_skin_kama .cke_menuarrow span
+{
+ display: none;
+}
+
+.cke_hc .cke_skin_kama .cke_menuarrow
+{
+ width: auto;
+ margin-top: 0;
+}
+
+.cke_hc .cke_skin_kama .cke_menuarrow span
+{
+ display: inline;
+}
+
+/* #3766 In the context menu, long labels with second level menu get wrapped */
+.cke_browser_ie.cke_ltr .cke_skin_kama .cke_menuarrow
+{
+ position: absolute;
+ right: 2px;
+}
+
+.cke_browser_ie.cke_rtl .cke_skin_kama .cke_menuarrow
+{
+ position: absolute;
+ left: 2px;
+}
+/* END #3766 */
diff --git a/_source/skins/kama/panel.css b/_source/skins/kama/panel.css index 95af10e..5592c72 100644 --- a/_source/skins/kama/panel.css +++ b/_source/skins/kama/panel.css @@ -1,203 +1,216 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_kama .cke_panel -{ - border: 1px solid #8f8f73; - background-color: #fff; - - width: 120px; - height: 100px; - - overflow: hidden; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.cke_skin_kama .cke_contextmenu -{ - margin: 0; -} - -/* Ideally we would use "inherit here"... but you know... IE :( */ -.cke_skin_kama .cke_panel iframe -{ - width: 100%; - height: 100%; -} - -/* - * All the following styles are to be used inside the iframe that holds panel - * contents. We don't use the cke_skin_default there to avoid the reset to be - * active. - * This is not an issue as we'll never have two skins running inside the same - * panel iframe. - */ - -html.cke_skin_kama_container -{ - overflow: auto; - overflow-x: hidden; -} - -body.cke_panel_frame -{ - overflow: auto; - overflow-x: hidden; -} - -ul.cke_panel_list -{ - list-style-type: none; - margin: 3px; - padding: 0px; - white-space: nowrap; -} - -li.cke_panel_listItem -{ - margin: 0px; -} - -.cke_panel_listItem a -{ - padding: 2px; - display: block; - border: 1px solid #fff; - color: inherit; - text-decoration: none; - overflow: hidden; - text-overflow: ellipsis; -} - -/* IE6 */ -* html .cke_panel_listItem a -{ - width : 100%; - - /* IE is not able to inherit the color, so we must force it to black */ - color: #000; -} - -/* IE7 */ -*:first-child+html .cke_panel_listItem a -{ - /* IE is not able to inherit the color, so we must force it to black */ - color: #000; -} - -.cke_panel_listItem.cke_selected a -{ - border: 1px solid #ccc; - background-color: #e9f5ff; -} - -.cke_panel_listItem a:hover, -.cke_panel_listItem a:focus, -.cke_panel_listItem a:active -{ - border-color: #316ac5; - background-color: #dff1ff; -} - -.cke_panel_grouptitle -{ - font-size: 11px; - font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; - font-weight: bold; - white-space: nowrap; - background-color: #dcdcdc; - color: #000; - margin:0px; - padding:3px; -} - -.cke_panel_listItem p, -.cke_panel_listItem h1, -.cke_panel_listItem h2, -.cke_panel_listItem h3, -.cke_panel_listItem h4, -.cke_panel_listItem h5, -.cke_panel_listItem h6, -.cke_panel_listItem pre -{ - margin-top: 3px; - margin-bottom: 3px; -} - -.cke_skin_kama .cke_button_textcolor_panel, -.cke_skin_kama .cke_button_bgcolor_panel -{ - width: 150px; - height: 135px; -} - -.cke_colorblock -{ - padding: 3px; - font-size: 11px; - font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; -} - -.cke_colorblock, -.cke_colorblock a -{ - text-decoration: none; - color: #000; -} - -span.cke_colorbox -{ - width: 10px; - height: 10px; - border: #808080 1px solid; - float: left; -} - -.cke_rtl span.cke_colorbox -{ - float: right; -} - -a.cke_colorbox -{ - border: #fff 1px solid; - padding: 2px; - float: left; -} - -.cke_rtl a.cke_colorbox -{ - float: right; -} - -a:hover.cke_colorbox, -a:focus.cke_colorbox, -a:active.cke_colorbox -{ - border: #316ac5 1px solid; - background-color: #dff1ff; -} - -a.cke_colorauto, -a.cke_colormore -{ - border: #fff 1px solid; - padding: 2px; - display: block; -} - -a:hover.cke_colorauto, -a:hover.cke_colormore, -a:focus.cke_colorauto, -a:focus.cke_colormore, -a:active.cke_colorauto, -a:active.cke_colormore -{ - border: #316ac5 1px solid; - background-color: #dff1ff; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_kama .cke_panel
+{
+ border: 1px solid #8f8f73;
+ background-color: #fff;
+
+ width: 120px;
+ height: 100px;
+
+ overflow: hidden;
+
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+.cke_skin_kama .cke_contextmenu
+{
+ margin: 0;
+}
+
+/* Ideally we would use "inherit here"... but you know... IE :( */
+.cke_skin_kama .cke_panel iframe
+{
+ width: 100%;
+ height: 100%;
+}
+
+/*
+ * All the following styles are to be used inside the iframe that holds panel
+ * contents. We don't use the cke_skin_default there to avoid the reset to be
+ * active.
+ * This is not an issue as we'll never have two skins running inside the same
+ * panel iframe.
+ */
+
+html.cke_skin_kama_container
+{
+ overflow: auto;
+ overflow-x: hidden;
+}
+
+body.cke_panel_frame
+{
+ overflow: hidden;
+}
+
+.cke_panel_frame .cke_label
+{
+ display: none;
+}
+
+ul.cke_panel_list
+{
+ list-style-type: none;
+ margin: 3px;
+ padding: 0px;
+ white-space: nowrap;
+}
+
+li.cke_panel_listItem
+{
+ margin: 0px;
+}
+
+.cke_panel_listItem a
+{
+ padding: 2px;
+ display: block;
+ border: 1px solid #fff;
+ color: inherit;
+ text-decoration: none;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+/* IE6 */
+* html .cke_panel_listItem a
+{
+ width : 100%;
+
+ /* IE is not able to inherit the color, so we must force it to black */
+ color: #000;
+}
+
+/* IE7 */
+*:first-child+html .cke_panel_listItem a
+{
+ /* IE is not able to inherit the color, so we must force it to black */
+ color: #000;
+}
+
+.cke_panel_listItem.cke_selected a
+{
+ border: 1px solid #ccc;
+ background-color: #e9f5ff;
+}
+
+.cke_panel_listItem a:hover,
+.cke_panel_listItem a:focus,
+.cke_panel_listItem a:active
+{
+ border-color: #316ac5;
+ background-color: #dff1ff;
+}
+
+.cke_hc .cke_panel_listItem.cke_selected a,
+.cke_hc .cke_panel_listItem a:hover,
+.cke_hc .cke_panel_listItem a:focus,
+.cke_hc .cke_panel_listItem a:active
+{
+ border-width: 3px;
+ padding: 0px;
+}
+
+.cke_panel_grouptitle
+{
+ font-size: 11px;
+ font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+ font-weight: bold;
+ white-space: nowrap;
+ background-color: #dcdcdc;
+ color: #000;
+ margin:0px;
+ padding:3px;
+}
+
+.cke_panel_listItem p,
+.cke_panel_listItem h1,
+.cke_panel_listItem h2,
+.cke_panel_listItem h3,
+.cke_panel_listItem h4,
+.cke_panel_listItem h5,
+.cke_panel_listItem h6,
+.cke_panel_listItem pre
+{
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+
+.cke_skin_kama .cke_button_textcolor_panel,
+.cke_skin_kama .cke_button_bgcolor_panel
+{
+ width: 150px;
+ height: 135px;
+}
+
+.cke_colorblock
+{
+ padding: 3px;
+ font-size: 11px;
+ font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.cke_colorblock,
+.cke_colorblock a
+{
+ text-decoration: none;
+ color: #000;
+}
+
+span.cke_colorbox
+{
+ width: 10px;
+ height: 10px;
+ border: #808080 1px solid;
+ float: left;
+}
+
+.cke_rtl span.cke_colorbox
+{
+ float: right;
+}
+
+a.cke_colorbox
+{
+ border: #fff 1px solid;
+ padding: 2px;
+ float: left;
+}
+
+.cke_rtl a.cke_colorbox
+{
+ float: right;
+}
+
+a:hover.cke_colorbox,
+a:focus.cke_colorbox,
+a:active.cke_colorbox
+{
+ border: #316ac5 1px solid;
+ background-color: #dff1ff;
+}
+
+a.cke_colorauto,
+a.cke_colormore
+{
+ border: #fff 1px solid;
+ padding: 2px;
+ display: block;
+}
+
+a:hover.cke_colorauto,
+a:hover.cke_colormore,
+a:focus.cke_colorauto,
+a:focus.cke_colormore,
+a:active.cke_colorauto,
+a:active.cke_colormore
+{
+ border: #316ac5 1px solid;
+ background-color: #dff1ff;
+}
diff --git a/_source/skins/kama/richcombo.css b/_source/skins/kama/richcombo.css index e4378ed..1a3ea4b 100644 --- a/_source/skins/kama/richcombo.css +++ b/_source/skins/kama/richcombo.css @@ -1,260 +1,270 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/* Special Combo */ - -.cke_skin_kama .cke_rcombo -{ - display: inline; -} - -.cke_skin_kama .cke_rtl .cke_rcombo -{ -} - -.cke_skin_kama .cke_rcombopanel -{ - border: 1px solid #8F8F73; - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - height: auto; - _height: 100px; -} - -/* IE6 workaround, shouldn't be here */ -.cke_skin_kama .cke_browser_iequirks .cke_rcombopanel, -.cke_skin_kama .cke_browser_ie6 .cke_rcombopanel -{ -/* width: 150px;*/ -} - -.cke_skin_kama .cke_rcombo a, -.cke_skin_kama .cke_rcombo a:active, -.cke_skin_kama .cke_rcombo a:hover -{ - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: repeat-x; - background-position: 0 -100px; - border-bottom:1px solid #DAD9D9; - border-right:1px solid #DAD9D9; - float:left; - padding: 2px; - height: 21px; - margin-right: 6px; -} - -.cke_skin_kama .cke_rtl .cke_rcombo a, -.cke_skin_kama .cke_rtl .cke_rcombo a:active, -.cke_skin_kama .cke_rtl .cke_rcombo a:hover -{ - float:right; - margin-right: 0; - margin-left: 6px; -} - -.cke_skin_kama .cke_hc .cke_rcombo a -{ - filter: alpha(opacity=100); /* IE */ - opacity: 1.0; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_rcombo .cke_label -{ - display: none; - line-height: 26px; - vertical-align: top; - margin-right: 5px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - /* background-color: #f1f1e3; Because of IE6+ClearType */ -} - -.cke_skin_kama .cke_rtl .cke_rcombo .cke_label -{ - margin-right: 0; - margin-left: 5px; -} - -.cke_skin_kama .cke_rcombo .cke_inline_label -{ - line-height: 21px; - font-style: italic; - color: #666666; -} - -.cke_skin_kama .cke_browser_ie .cke_rcombo .cke_text -{ -/* float: left; */ -} - -.cke_skin_kama .cke_hc .cke_rcombo .cke_label -{ - filter: alpha(opacity=100); - opacity: 1.0; -} - -.cke_skin_kama .cke_rcombo .cke_text -{ - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - - height: 21px; - line-height: 21px; - width:60px; - text-overflow: ellipsis; - overflow: hidden; - display: inline-block; - margin: 0 2px 0 4px; -} - -.cke_skin_kama .cke_rtl .cke_rcombo .cke_text -{ - margin: 0 4px 0 2px; -} - -.cke_skin_kama .cke_rcombo .cke_openbutton -{ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -68px; - background-repeat: no-repeat; - display: inline-block; - width: 17px; - height: 19px; - margin: 1px 2px; - background-repeat: no-repeat; -} - -.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_openbutton -{ - margin-bottom: 0; -} - -.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_text, -.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_text, -.cke_skin_kama .cke_rcombo .cke_off a:active .cke_text, -.cke_skin_kama .cke_rcombo .cke_on .cke_text -{ - border-color: #316ac5; - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_openbutton, -.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_openbutton, -.cke_skin_kama .cke_rcombo .cke_off a:active .cke_openbutton, -.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton -{ - border-color: #316ac5; - background-color: #dff1ff; -} - -.cke_skin_kama .cke_rcombo .cke_on .cke_text -{ - -moz-border-radius-bottomleft: 0px; - -webkit-border-bottom-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton -{ - -moz-border-radius-bottomright: 0px; - -webkit-border-bottom-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -.cke_skin_kama .cke_rcombo .cke_disabled .cke_label -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.3; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_label -{ - filter: alpha(opacity=70); - opacity: 0.7; -} - -.cke_skin_kama .cke_rcombo .cke_disabled .cke_text, -.cke_skin_kama .cke_rcombo .cke_disabled .cke_openbutton -{ - filter: alpha(opacity=50); /* IE */ - opacity: 0.5; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_text, -.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_openbutton -{ - filter: alpha(opacity=80); - opacity: 0.8; -} - -.cke_skin_kama .cke_rcombo .cke_disabled .cke_text -{ - color: #fff; -} - -/* RTL */ - -.cke_skin_kama .cke_rtl .cke_rcombo span -{ -/* _zoom: 1;*/ -} - -.cke_skin_kama .cke_rtl .cke_rcombo .cke_text -{ -/* _float: left;*/ -} - -/* Firefox 2 & WebKit Section */ - -.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_text, -.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_openbutton, -.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_text, -.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_openbutton -{ - display: block; - float: left; -} - -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_text, -.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text -{ -/* float: right;*/ -} - -.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_label, -.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_label -{ - /*display: block;*/ - float: left; -} - -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_label, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_text, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_openbutton, -.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label, -.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text, -.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton -{ - float: right; -} - -.cke_skin_kama .cke_browser_ie7 .cke_rcombo .cke_text -{ - line-height: 18px; -} - -.cke_skin_kama .cke_browser_ie6 .cke_rcombo .cke_text, -.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_text -{ - height: auto; - line-height: 17px; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/* Special Combo */
+
+.cke_skin_kama .cke_rcombo
+{
+ display: inline;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo
+{
+}
+
+.cke_skin_kama .cke_rcombopanel
+{
+ border: 1px solid #8F8F73;
+ -moz-border-radius-topleft: 0;
+ -webkit-border-top-left-radius: 0;
+ border-top-left-radius: 0;
+ height: auto;
+ _height: 100px;
+}
+
+/* IE6 workaround, shouldn't be here */
+.cke_skin_kama .cke_browser_iequirks .cke_rcombopanel,
+.cke_skin_kama .cke_browser_ie6 .cke_rcombopanel
+{
+/* width: 150px;*/
+}
+
+.cke_skin_kama .cke_rcombo a,
+.cke_skin_kama .cke_rcombo a:active,
+.cke_skin_kama .cke_rcombo a:hover
+{
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: repeat-x;
+ background-position: 0 -100px;
+ border-bottom:1px solid #DAD9D9;
+ border-right:1px solid #DAD9D9;
+ float:left;
+ padding: 2px;
+ height: 21px;
+ margin-right: 6px;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo a,
+.cke_skin_kama .cke_rtl .cke_rcombo a:active,
+.cke_skin_kama .cke_rtl .cke_rcombo a:hover
+{
+ float:right;
+ margin-right: 0;
+ margin-left: 6px;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo a
+{
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1.0; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_rcombo .cke_label
+{
+ display: none;
+ line-height: 26px;
+ vertical-align: top;
+ margin-right: 5px;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+ /* background-color: #f1f1e3; Because of IE6+ClearType */
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_label
+{
+ margin-right: 0;
+ margin-left: 5px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_inline_label
+{
+ line-height: 21px;
+ font-style: italic;
+ color: #666666;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_openbutton
+{
+ vertical-align: top;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_label
+{
+ filter: alpha(opacity=100);
+ opacity: 1.0;
+}
+
+.cke_skin_kama .cke_rcombo .cke_text
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+
+ height: 21px;
+ line-height: 21px;
+ width:60px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ display: inline-block;
+ margin: 0 2px 0 4px;
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_text
+{
+ margin: 0 4px 0 2px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_openbutton
+{
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -68px;
+ background-repeat: no-repeat;
+ display: inline-block;
+ width: 17px;
+ height: 19px;
+ margin: 1px 2px;
+ background-repeat: no-repeat;
+}
+
+.cke_skin_kama .cke_rcombo .cke_openbutton span
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_openbutton span
+{
+ display : inline;
+}
+
+.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_openbutton
+{
+ margin-bottom: 0;
+}
+
+.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_text,
+.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_text,
+.cke_skin_kama .cke_rcombo .cke_off a:active .cke_text,
+.cke_skin_kama .cke_rcombo .cke_on .cke_text
+{
+ border-color: #316ac5;
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_openbutton,
+.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_openbutton,
+.cke_skin_kama .cke_rcombo .cke_off a:active .cke_openbutton,
+.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton
+{
+ border-color: #316ac5;
+ background-color: #dff1ff;
+}
+
+.cke_skin_kama .cke_rcombo .cke_on .cke_text
+{
+ -moz-border-radius-bottomleft: 0px;
+ -webkit-border-bottom-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton
+{
+ -moz-border-radius-bottomright: 0px;
+ -webkit-border-bottom-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_label
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.3; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_label
+{
+ filter: alpha(opacity=70);
+ opacity: 0.7;
+}
+
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_openbutton
+{
+ filter: alpha(opacity=50); /* IE */
+ opacity: 0.5; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_openbutton
+{
+ filter: alpha(opacity=80);
+ opacity: 0.8;
+}
+
+.cke_skin_kama .cke_rcombo .cke_disabled .cke_text
+{
+ color: #fff;
+}
+
+/* RTL */
+
+.cke_skin_kama .cke_rtl .cke_rcombo span
+{
+/* _zoom: 1;*/
+}
+
+.cke_skin_kama .cke_rtl .cke_rcombo .cke_text
+{
+/* _float: left;*/
+}
+
+/* Firefox 2 & WebKit Section */
+
+.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_openbutton,
+.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_openbutton
+{
+ display: block;
+ float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text
+{
+/* float: right;*/
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_label,
+.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_label
+{
+ /*display: block;*/
+ float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_rcombo .cke_openbutton,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton
+{
+ float: right;
+}
+
+.cke_skin_kama .cke_browser_ie7 .cke_rcombo .cke_text
+{
+ line-height: 18px;
+}
+
+.cke_skin_kama .cke_browser_ie6 .cke_rcombo .cke_text,
+.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_text
+{
+ height: auto;
+ line-height: 17px;
+}
diff --git a/_source/skins/kama/skin.js b/_source/skins/kama/skin.js index 727d1f3..fe8923b 100644 --- a/_source/skins/kama/skin.js +++ b/_source/skins/kama/skin.js @@ -1,268 +1,268 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -CKEDITOR.skins.add( 'kama', (function() -{ - var preload = [], - uiColorStylesheetId = 'cke_ui_color'; - - if ( CKEDITOR.env.ie && CKEDITOR.env.version < 7 ) - { - // For IE6, we need to preload some images, otherwhise they will be - // downloaded several times (CSS background bug). - preload.push( 'icons.png', 'images/sprites_ie6.png', 'images/dialog_sides.gif' ); - } - - return { - preload : preload, - editor : { css : [ 'editor.css' ] }, - dialog : { css : [ 'dialog.css' ] }, - templates : { css : [ 'templates.css' ] }, - margins : [ 0, 0, 0, 0 ], - init : function( editor ) - { - if ( editor.config.width && !isNaN( editor.config.width ) ) - editor.config.width -= 12; - - var uiColorMenus = []; - var uiColorRegex = /\$color/g; - var uiColorMenuCss = "/* UI Color Support */\ -.cke_skin_kama .cke_menuitem .cke_icon_wrapper\ -{\ - background-color: $color !important;\ - border-color: $color !important;\ -}\ -\ -.cke_skin_kama .cke_menuitem a:hover .cke_icon_wrapper,\ -.cke_skin_kama .cke_menuitem a:focus .cke_icon_wrapper,\ -.cke_skin_kama .cke_menuitem a:active .cke_icon_wrapper\ -{\ - background-color: $color !important;\ - border-color: $color !important;\ -}\ -\ -.cke_skin_kama .cke_menuitem a:hover .cke_label,\ -.cke_skin_kama .cke_menuitem a:focus .cke_label,\ -.cke_skin_kama .cke_menuitem a:active .cke_label\ -{\ - background-color: $color !important;\ -}\ -\ -.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_label,\ -.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_label,\ -.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_label\ -{\ - background-color: transparent !important;\ -}\ -\ -.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_icon_wrapper,\ -.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_icon_wrapper,\ -.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_icon_wrapper\ -{\ - background-color: $color !important;\ - border-color: $color !important;\ -}\ -\ -.cke_skin_kama .cke_menuitem a.cke_disabled .cke_icon_wrapper\ -{\ - background-color: $color !important;\ - border-color: $color !important;\ -}\ -\ -.cke_skin_kama .cke_menuseparator\ -{\ - background-color: $color !important;\ -}\ -\ -.cke_skin_kama .cke_menuitem a:hover,\ -.cke_skin_kama .cke_menuitem a:focus,\ -.cke_skin_kama .cke_menuitem a:active\ -{\ - background-color: $color !important;\ -}"; - // We have to split CSS declarations for webkit. - if ( CKEDITOR.env.webkit ) - { - uiColorMenuCss = uiColorMenuCss.split( '}' ).slice( 0, -1 ); - for ( var i = 0 ; i < uiColorMenuCss.length ; i++ ) - uiColorMenuCss[ i ] = uiColorMenuCss[ i ].split( '{' ); - } - - function getStylesheet( document ) - { - var node = document.getById( uiColorStylesheetId ); - if( !node ) - { - node = document.getHead().append( 'style' ); - node.setAttribute( "id", uiColorStylesheetId ); - node.setAttribute( "type", "text/css" ); - } - return node; - } - - function updateStylesheets( styleNodes, styleContent, replace ) - { - var r, i, content; - for ( var id = 0 ; id < styleNodes.length ; id++ ) - { - if ( CKEDITOR.env.webkit ) - { - for ( i = 0 ; i < styleContent.length ; i++ ) - { - content = styleContent[ i ][ 1 ]; - for ( r = 0 ; r < replace.length ; r++ ) - content = content.replace( replace[ r ][ 0 ], replace[ r ][ 1 ] ); - - styleNodes[ id ].$.sheet.addRule( styleContent[ i ][ 0 ], content ); - } - } - else - { - content = styleContent; - for ( r = 0 ; r < replace.length ; r++ ) - content = content.replace( replace[ r ][ 0 ], replace[ r ][ 1 ] ); - - if ( CKEDITOR.env.ie ) - styleNodes[ id ].$.styleSheet.cssText += content; - else - styleNodes[ id ].$.innerHTML += content; - } - } - } - - var uiColorRegexp = /\$color/g; - - CKEDITOR.tools.extend( editor, - { - uiColor: null, - - getUiColor : function() - { - return this.uiColor; - }, - - setUiColor : function( color ) - { - var cssContent, - uiStyle = getStylesheet( CKEDITOR.document ), - cssId = '.cke_editor_' + CKEDITOR.tools.escapeCssSelector( editor.name ); - - var cssSelectors = - [ - cssId + " .cke_wrapper", - cssId + "_dialog .cke_dialog_contents", - cssId + "_dialog a.cke_dialog_tab", - cssId + "_dialog .cke_dialog_footer" - ].join( ',' ); - var cssProperties = "background-color: $color !important;"; - - if ( CKEDITOR.env.webkit ) - cssContent = [ [ cssSelectors, cssProperties ] ]; - else - cssContent = cssSelectors + '{' + cssProperties + '}'; - - return ( this.setUiColor = - function( color ) - { - var replace = [ [ uiColorRegexp, color ] ]; - editor.uiColor = color; - - // Update general style. - updateStylesheets( [ uiStyle ], cssContent, replace ); - - // Update menu styles. - updateStylesheets( uiColorMenus, uiColorMenuCss, replace ); - })( color ); - } - }); - - editor.on( 'menuShow', function( event ) - { - var panel = event.data[ 0 ]; - var iframe = panel.element.getElementsByTag( 'iframe' ).getItem( 0 ).getFrameDocument(); - - // Add stylesheet if missing. - if ( !iframe.getById( 'cke_ui_color' ) ) - { - var node = getStylesheet( iframe ); - uiColorMenus.push( node ); - - var color = editor.getUiColor(); - // Set uiColor for new menu. - if ( color ) - updateStylesheets( [ node ], uiColorMenuCss, [ [ uiColorRegexp, color ] ] ); - } - }); - - // Apply UI color if specified in config. - if ( editor.config.uiColor ) - editor.setUiColor( editor.config.uiColor ); - } - }; -})() ); - -(function() -{ - CKEDITOR.dialog ? dialogSetup() : CKEDITOR.on( 'dialogPluginReady', dialogSetup ); - - function dialogSetup() - { - CKEDITOR.dialog.on( 'resize', function( evt ) - { - var data = evt.data, - width = data.width, - height = data.height, - dialog = data.dialog, - contents = dialog.parts.contents; - - if ( data.skin != 'kama' ) - return; - - contents.setStyles( - { - width : width + 'px', - height : height + 'px' - }); - - // Fix the size of the elements which have flexible lengths. - setTimeout( function() - { - var innerDialog = dialog.parts.dialog.getChild( [ 0, 0, 0 ] ), - body = innerDialog.getChild( 0 ); - - // tc - var el = innerDialog.getChild( 2 ); - el.setStyle( 'width', ( body.$.offsetWidth ) + 'px' ); - - // bc - el = innerDialog.getChild( 7 ); - el.setStyle( 'width', ( body.$.offsetWidth - 28 ) + 'px' ); - - // ml - el = innerDialog.getChild( 4 ); - el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' ); - - // mr - el = innerDialog.getChild( 5 ); - el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' ); - }, - 100 ); - }); - } -})(); - -/** - * The base user interface color to be used by the editor. Not all skins are - * compatible with this setting. - * @name CKEDITOR.config.uiColor - * @type String - * @default '' (empty) - * @example - * // Using a color code. - * config.uiColor = '#AADC6E'; - * @example - * // Using an HTML color name. - * config.uiColor = 'Gold'; - */ +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.skins.add( 'kama', (function()
+{
+ var preload = [],
+ uiColorStylesheetId = 'cke_ui_color';
+
+ if ( CKEDITOR.env.ie && CKEDITOR.env.version < 7 )
+ {
+ // For IE6, we need to preload some images, otherwhise they will be
+ // downloaded several times (CSS background bug).
+ preload.push( 'icons.png', 'images/sprites_ie6.png', 'images/dialog_sides.gif' );
+ }
+
+ return {
+ preload : preload,
+ editor : { css : [ 'editor.css' ] },
+ dialog : { css : [ 'dialog.css' ] },
+ templates : { css : [ 'templates.css' ] },
+ margins : [ 0, 0, 0, 0 ],
+ init : function( editor )
+ {
+ if ( editor.config.width && !isNaN( editor.config.width ) )
+ editor.config.width -= 12;
+
+ var uiColorMenus = [];
+ var uiColorRegex = /\$color/g;
+ var uiColorMenuCss = "/* UI Color Support */\
+.cke_skin_kama .cke_menuitem .cke_icon_wrapper\
+{\
+ background-color: $color !important;\
+ border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a:hover .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a:focus .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a:active .cke_icon_wrapper\
+{\
+ background-color: $color !important;\
+ border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a:hover .cke_label,\
+.cke_skin_kama .cke_menuitem a:focus .cke_label,\
+.cke_skin_kama .cke_menuitem a:active .cke_label\
+{\
+ background-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_label,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_label,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_label\
+{\
+ background-color: transparent !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_icon_wrapper,\
+.cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_icon_wrapper\
+{\
+ background-color: $color !important;\
+ border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a.cke_disabled .cke_icon_wrapper\
+{\
+ background-color: $color !important;\
+ border-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuseparator\
+{\
+ background-color: $color !important;\
+}\
+\
+.cke_skin_kama .cke_menuitem a:hover,\
+.cke_skin_kama .cke_menuitem a:focus,\
+.cke_skin_kama .cke_menuitem a:active\
+{\
+ background-color: $color !important;\
+}";
+ // We have to split CSS declarations for webkit.
+ if ( CKEDITOR.env.webkit )
+ {
+ uiColorMenuCss = uiColorMenuCss.split( '}' ).slice( 0, -1 );
+ for ( var i = 0 ; i < uiColorMenuCss.length ; i++ )
+ uiColorMenuCss[ i ] = uiColorMenuCss[ i ].split( '{' );
+ }
+
+ function getStylesheet( document )
+ {
+ var node = document.getById( uiColorStylesheetId );
+ if ( !node )
+ {
+ node = document.getHead().append( 'style' );
+ node.setAttribute( "id", uiColorStylesheetId );
+ node.setAttribute( "type", "text/css" );
+ }
+ return node;
+ }
+
+ function updateStylesheets( styleNodes, styleContent, replace )
+ {
+ var r, i, content;
+ for ( var id = 0 ; id < styleNodes.length ; id++ )
+ {
+ if ( CKEDITOR.env.webkit )
+ {
+ for ( i = 0 ; i < styleContent.length ; i++ )
+ {
+ content = styleContent[ i ][ 1 ];
+ for ( r = 0 ; r < replace.length ; r++ )
+ content = content.replace( replace[ r ][ 0 ], replace[ r ][ 1 ] );
+
+ styleNodes[ id ].$.sheet.addRule( styleContent[ i ][ 0 ], content );
+ }
+ }
+ else
+ {
+ content = styleContent;
+ for ( r = 0 ; r < replace.length ; r++ )
+ content = content.replace( replace[ r ][ 0 ], replace[ r ][ 1 ] );
+
+ if ( CKEDITOR.env.ie )
+ styleNodes[ id ].$.styleSheet.cssText += content;
+ else
+ styleNodes[ id ].$.innerHTML += content;
+ }
+ }
+ }
+
+ var uiColorRegexp = /\$color/g;
+
+ CKEDITOR.tools.extend( editor,
+ {
+ uiColor: null,
+
+ getUiColor : function()
+ {
+ return this.uiColor;
+ },
+
+ setUiColor : function( color )
+ {
+ var cssContent,
+ uiStyle = getStylesheet( CKEDITOR.document ),
+ cssId = '.cke_editor_' + CKEDITOR.tools.escapeCssSelector( editor.name );
+
+ var cssSelectors =
+ [
+ cssId + " .cke_wrapper",
+ cssId + "_dialog .cke_dialog_contents",
+ cssId + "_dialog a.cke_dialog_tab",
+ cssId + "_dialog .cke_dialog_footer"
+ ].join( ',' );
+ var cssProperties = "background-color: $color !important;";
+
+ if ( CKEDITOR.env.webkit )
+ cssContent = [ [ cssSelectors, cssProperties ] ];
+ else
+ cssContent = cssSelectors + '{' + cssProperties + '}';
+
+ return ( this.setUiColor =
+ function( color )
+ {
+ var replace = [ [ uiColorRegexp, color ] ];
+ editor.uiColor = color;
+
+ // Update general style.
+ updateStylesheets( [ uiStyle ], cssContent, replace );
+
+ // Update menu styles.
+ updateStylesheets( uiColorMenus, uiColorMenuCss, replace );
+ })( color );
+ }
+ });
+
+ editor.on( 'menuShow', function( event )
+ {
+ var panel = event.data[ 0 ];
+ var iframe = panel.element.getElementsByTag( 'iframe' ).getItem( 0 ).getFrameDocument();
+
+ // Add stylesheet if missing.
+ if ( !iframe.getById( 'cke_ui_color' ) )
+ {
+ var node = getStylesheet( iframe );
+ uiColorMenus.push( node );
+
+ var color = editor.getUiColor();
+ // Set uiColor for new menu.
+ if ( color )
+ updateStylesheets( [ node ], uiColorMenuCss, [ [ uiColorRegexp, color ] ] );
+ }
+ });
+
+ // Apply UI color if specified in config.
+ if ( editor.config.uiColor )
+ editor.setUiColor( editor.config.uiColor );
+ }
+ };
+})() );
+
+(function()
+{
+ CKEDITOR.dialog ? dialogSetup() : CKEDITOR.on( 'dialogPluginReady', dialogSetup );
+
+ function dialogSetup()
+ {
+ CKEDITOR.dialog.on( 'resize', function( evt )
+ {
+ var data = evt.data,
+ width = data.width,
+ height = data.height,
+ dialog = data.dialog,
+ contents = dialog.parts.contents;
+
+ if ( data.skin != 'kama' )
+ return;
+
+ contents.setStyles(
+ {
+ width : width + 'px',
+ height : height + 'px'
+ });
+
+ // Fix the size of the elements which have flexible lengths.
+ setTimeout( function()
+ {
+ var innerDialog = dialog.parts.dialog.getChild( [ 0, 0, 0 ] ),
+ body = innerDialog.getChild( 0 );
+
+ // tc
+ var el = innerDialog.getChild( 2 );
+ el.setStyle( 'width', ( body.$.offsetWidth ) + 'px' );
+
+ // bc
+ el = innerDialog.getChild( 7 );
+ el.setStyle( 'width', ( body.$.offsetWidth - 28 ) + 'px' );
+
+ // ml
+ el = innerDialog.getChild( 4 );
+ el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' );
+
+ // mr
+ el = innerDialog.getChild( 5 );
+ el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' );
+ },
+ 100 );
+ });
+ }
+})();
+
+/**
+ * The base user interface color to be used by the editor. Not all skins are
+ * compatible with this setting.
+ * @name CKEDITOR.config.uiColor
+ * @type String
+ * @default '' (empty)
+ * @example
+ * // Using a color code.
+ * config.uiColor = '#AADC6E';
+ * @example
+ * // Using an HTML color name.
+ * config.uiColor = 'Gold';
+ */
diff --git a/_source/skins/kama/templates.css b/_source/skins/kama/templates.css index 7631e8b..df68e0e 100644 --- a/_source/skins/kama/templates.css +++ b/_source/skins/kama/templates.css @@ -1,71 +1,84 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/** - * Styles for the "templates" plugin. - */ - -.cke_skin_kama .cke_tpl_list -{ - border: #dcdcdc 2px solid; - background-color: #ffffff; - overflow: auto; - width: 100%; - height: 220px; -} - -.cke_skin_kama .cke_tpl_item -{ - margin: 5px; - padding: 7px; - border: #eeeeee 1px solid; - *width: 88%; -} - -.cke_skin_kama .cke_tpl_preview -{ - border-collapse: separate; - text-indent:0; - width: 100%; -} -.cke_skin_kama .cke_tpl_preview td -{ - padding: 2px; - vertical-align: middle; -} -.cke_skin_kama .cke_tpl_preview .cke_tpl_preview_img -{ - width: 100px; -} -.cke_skin_kama .cke_tpl_preview span -{ - white-space: normal; -} - -.cke_skin_kama .cke_tpl_title -{ - font-weight: bold; -} - -.cke_skin_kama .cke_tpl_hover -{ - border: #ff9933 1px solid !important; - background-color: #fffacd !important; - cursor: pointer; - cursor: hand; -} -/* - * Fix property 'cursor' doesn't inherit on table - */ -.cke_skin_kama .cke_tpl_hover * -{ - cursor: inherit; -} - -.cke_skin_kama .cke_tpl_empty, .cke_tpl_loading -{ - text-align: center; - padding: 5px; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * Styles for the "templates" plugin.
+ */
+
+.cke_skin_kama .cke_tpl_list
+{
+ border: #dcdcdc 2px solid;
+ background-color: #ffffff;
+ overflow-y: auto;
+ overflow-x: hidden;
+ width: 100%;
+ height: 220px;
+}
+
+.cke_skin_kama .cke_tpl_item
+{
+ margin: 5px;
+ padding: 7px;
+ border: #eeeeee 1px solid;
+ *width: 88%;
+}
+
+.cke_skin_kama .cke_tpl_preview
+{
+ border-collapse: separate;
+ text-indent:0;
+ width: 100%;
+}
+.cke_skin_kama .cke_tpl_preview td
+{
+ padding: 2px;
+ vertical-align: middle;
+}
+.cke_skin_kama .cke_tpl_preview .cke_tpl_preview_img
+{
+ width: 100px;
+}
+.cke_skin_kama .cke_tpl_preview span
+{
+ white-space: normal;
+}
+
+.cke_skin_kama .cke_tpl_title
+{
+ font-weight: bold;
+}
+
+.cke_skin_kama .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_kama .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_kama .cke_tpl_list a:focus .cke_tpl_item
+{
+ border: #ff9933 1px solid;
+ background-color: #fffacd;
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_kama .cke_hc .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_kama .cke_hc .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_kama .cke_hc .cke_tpl_list a:focus .cke_tpl_item
+{
+ border-width: 3px;
+}
+
+/*
+ * Fix property 'cursor' doesn't inherit on table
+ */
+.cke_skin_kama .cke_tpl_list a:active *,
+.cke_skin_kama .cke_tpl_list a:hover *,
+.cke_skin_kama .cke_tpl_list a:focus *
+{
+ cursor: inherit;
+}
+
+.cke_skin_kama .cke_tpl_empty, .cke_tpl_loading
+{
+ text-align: center;
+ padding: 5px;
+}
diff --git a/_source/skins/kama/toolbar.css b/_source/skins/kama/toolbar.css index 156218b..beaba55 100644 --- a/_source/skins/kama/toolbar.css +++ b/_source/skins/kama/toolbar.css @@ -1,407 +1,421 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -@media print -{ - /* For printing, we simply hide the toolbar */ - - .cke_skin_kama .cke_toolbox - { - display: none; - } -} - -.cke_skin_kama .cke_browser_webkit .cke_toolbox, -.cke_skin_kama .cke_browser_webkit .cke_toolbox > span -{ - white-space: normal; -} - -.cke_skin_kama .cke_toolbox -{ - clear: both; -} - -.cke_skin_kama a.cke_toolbox_collapser, -.cke_skin_kama a:hover.cke_toolbox_collapser -{ - /* arrowtop.gif */ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 3px -1366px; /* +3px +4px */ - background-repeat: no-repeat; - width: 11px; - height: 11px; - float: right; - border: 1px outset #D3D3D3; - margin: 11px 0 2px; - cursor: pointer; -} - -.cke_skin_kama .cke_rtl a.cke_toolbox_collapser, -.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser -{ - float: left; -} - -.cke_skin_kama a.cke_toolbox_collapser_min, -.cke_skin_kama a:hover.cke_toolbox_collapser_min -{ - /* arrowleft.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 4px -1387px; /* +4px +3px */ - background-repeat: no-repeat; - margin: 2px 4px; -} - -.cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min, -.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min -{ - /* arrowright.gif*/ - background-position: 4px -1408px; /* +2px +3px */ -} - -.cke_skin_kama .cke_toolbar -{ - display: inline; -} - -.cke_skin_kama .cke_separator -{ - display: none; -} - -.cke_skin_kama .cke_break -{ - font-size: 0; - clear: left; -} - -.cke_skin_kama .cke_rtl .cke_break -{ - clear: right; -} - -.cke_skin_kama .cke_toolbar_start -{ - display: none; -} - -.cke_skin_kama .cke_toolgroup -{ - -moz-border-radius:5px; - -webkit-border-radius: 5px; - border-radius: 5px; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: repeat-x; - background-position: 0 -500px; - float: left; - margin-right: 6px; - margin-bottom: 5px; - padding: 2px; - display: inline; -} - -.cke_skin_kama .cke_rtl .cke_toolgroup -{ - float: right; - margin-right: 0; - margin-left: 6px; -} - -.cke_skin_kama .cke_button a, -.cke_skin_kama .cke_button a:hover, -.cke_skin_kama .cke_button a:focus, -.cke_skin_kama .cke_button a:active, -.cke_skin_kama .cke_button a.cke_off -{ - border-radius: 3px; - outline: none; - padding: 2px 4px; - height: 18px; - display: inline-block; - cursor: default; -} - -.cke_skin_kama .cke_button a, -.cke_skin_kama .cke_button a.cke_off -{ - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} - -.cke_skin_kama .cke_hc .cke_button a, -.cke_skin_kama .cke_hc .cke_button a.cke_off -{ - opacity: 1.0; - filter: alpha(opacity=100); - border: 1px solid white; -} - -.cke_skin_kama .cke_button a.cke_on -{ - background-color: #a3d7ff; - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ - padding: 2px 4px; -} - -.cke_skin_kama .cke_hc .cke_button a.cke_on -{ - padding: 0 2px !important; - border-width: 3px; -} - -.cke_skin_kama .cke_button a.cke_disabled, -.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.3; /* Safari, Opera and Mozilla */ -} - -.cke_skin_kama .cke_hc .cke_button a.cke_disabled, -.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled -{ - filter: alpha(opacity=60); - opacity: 0.6; -} - -.cke_skin_kama .cke_button a:hover.cke_on, -.cke_skin_kama .cke_button a:focus.cke_on, -.cke_skin_kama .cke_button a:active.cke_on, /* IE */ -.cke_skin_kama .cke_button a:hover.cke_off, -.cke_skin_kama .cke_button a:focus.cke_off, -.cke_skin_kama .cke_button a:active.cke_off /* IE */ -{ - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ - padding: 2px 4px; -} - -.cke_skin_kama .cke_button a:hover.cke_on, -.cke_skin_kama .cke_button a:focus.cke_on, -.cke_skin_kama .cke_button a:active.cke_on /* IE */ -{ - background-color: #86caff; -} - -.cke_skin_kama .cke_button a:hover.cke_off, -.cke_skin_kama .cke_button a:focus.cke_off, -.cke_skin_kama .cke_button a:active.cke_off /* IE */ -{ - background-color: #dff1ff; -} - -.cke_skin_kama .cke_hc .cke_button a:hover.cke_on, -.cke_skin_kama .cke_hc .cke_button a:focus.cke_on, -.cke_skin_kama .cke_hc .cke_button a:active.cke_on, /* IE */ -.cke_skin_kama .cke_hc .cke_button a:hover.cke_off, -.cke_skin_kama .cke_hc .cke_button a:focus.cke_off, -.cke_skin_kama .cke_hc .cke_button a:active.cke_off /* IE */ -{ - padding: 0 2px !important; - border-width: 3px; -} - -.cke_skin_kama .cke_button .cke_icon -{ - background-image: url(icons.png); - background-position: 100px; - background-repeat: no-repeat; - margin-top: 1px; - width: 16px; - height: 16px; - display: inline-block; - float: left; -} - -.cke_skin_kama .cke_rtl .cke_button .cke_icon -{ - float: right; -} - -.cke_skin_kama .cke_button .cke_label -{ - cursor: default; - display: none; - padding-left: 3px; - line-height: 18px; - vertical-align: middle; - float: left; -} - -.cke_skin_kama .cke_rtl .cke_button .cke_label -{ - padding-left: 0; - padding-right: 3px; - float: right; -} - -.cke_skin_kama .cke_hc .cke_button .cke_label -{ - padding: 0; - display: inline-block; -} - -.cke_skin_kama .cke_hc .cke_button .cke_icon -{ - display: none; -} - -.cke_skin_kama .cke_accessibility -{ - position: absolute; - display: block; - width: 0; - height: 0; - overflow: hidden; -} - -.cke_skin_kama .cke_button .cke_buttonarrow -{ - display: inline-block; - height: 17px; - width: 8px; - background-position: 2px -1469px; /* (+2, -5) */ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; - float: left; -} - -.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow -{ - background-position: 0 -1469px; /* (0, -5) */ - float: right; -} - -.cke_skin_kama .cke_hc .cke_button .cke_buttonarrow -{ - display: none; -} - -/*** Firefox 2 ***/ - -.cke_skin_kama .cke_browser_gecko .cke_toolbar, -.cke_skin_kama .cke_browser_gecko .cke_button a, -.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off, -.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon, -.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow, -.cke_skin_kama .cke_browser_gecko .cke_separator, -.cke_skin_kama .cke_browser_gecko .cke_toolbar_start -{ - display: block; - float: left; -} - -.cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon -{ - display: none; -} - -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a, -.cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start -{ - float: right; -} - -.cke_skin_kama .cke_browser_gecko .cke_button .cke_label, -.cke_skin_kama .cke_browser_gecko .cke_break -{ - float: left; -} - -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label, -.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break -{ - float: right; -} - -/*** IE ***/ - -/* The biggest problem with IE is the RTL support (and float:right). It's - totally broken, and quite delicate. IE8 fixed these issues. */ - -.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon, -.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label, -.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow -{ - float: none; -} - -/*** WebKit ***/ - -/* We have originally used display:inline-block+float for cke_toolbar and it - worked well in all browsers, except IE+RTL. We had to change it to inline - and remove the float. This change didn't play well with Safari. */ - -.cke_skin_kama .cke_browser_webkit .cke_toolbar -{ - float: left; -} - -.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar -{ - float: right; -} - -/*** Mixed Fixes ***/ - -.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label, -.cke_skin_kama .cke_browser_opera .cke_button .cke_label, -.cke_skin_kama .cke_browser_webkit .cke_button .cke_label -{ - line-height: 20px; -} - -.cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label, -.cke_skin_kama .cke_browser_iequirks .cke_button .cke_label -{ - line-height: 17px; -} - -/* IE8 strict button valign correction */ -.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label -{ - vertical-align: top; -} - -.cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label -{ - /* revert previous */ - vertical-align: middle; -} -/* END IE8 strict button valign correction */ - -/* Fix cursor shape consistency on toolbar combos (#4031) */ -.cke_skin_kama .cke_browser_ie .cke_rcombo, -.cke_skin_kama .cke_browser_ie .cke_rcombo * -{ - cursor: default; -} - -.cke_skin_kama .cke_browser_ie7 .cke_toolbox -{ - margin-bottom: 2px; -} - -.cke_shared .cke_skin_kama .cke_browser_ie7 .cke_toolbox -{ - margin-bottom: 0; -} - -.cke_skin_kama .cke_browser_gecko .cke_toolbox -{ - /* Define the padding-bottom otherwise the collapser button will not be clicable in FF */ - padding-bottom: 1px; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+ /* For printing, we simply hide the toolbar */
+
+ .cke_skin_kama .cke_toolbox
+ {
+ display: none;
+ }
+}
+
+.cke_skin_kama .cke_browser_webkit .cke_toolbox,
+.cke_skin_kama .cke_browser_webkit .cke_toolbox > span
+{
+ white-space: normal;
+}
+
+.cke_skin_kama .cke_toolbox
+{
+ clear: both;
+}
+
+.cke_skin_kama a.cke_toolbox_collapser,
+.cke_skin_kama a:hover.cke_toolbox_collapser
+{
+ /* arrowtop.gif */
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 3px -1366px; /* +3px +4px */
+ background-repeat: no-repeat;
+ width: 11px;
+ height: 11px;
+ float: right;
+ border: 1px outset #D3D3D3;
+ margin: 11px 0 2px;
+ cursor: pointer;
+}
+
+.cke_skin_kama .cke_rtl a.cke_toolbox_collapser,
+.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser
+{
+ float: left;
+}
+
+.cke_skin_kama a.cke_toolbox_collapser span
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_hc a.cke_toolbox_collapser span
+{
+ font-size: 10px;
+ font-weight: bold;
+ font-family: Arial;
+ display: inline;
+}
+
+.cke_skin_kama a.cke_toolbox_collapser_min,
+.cke_skin_kama a:hover.cke_toolbox_collapser_min
+{
+ /* arrowleft.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 4px -1387px; /* +4px +3px */
+ background-repeat: no-repeat;
+ margin: 2px 4px;
+}
+
+.cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,
+.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min
+{
+ /* arrowright.gif*/
+ background-position: 4px -1408px; /* +2px +3px */
+}
+
+.cke_skin_kama .cke_toolbar
+{
+ display: inline;
+}
+
+.cke_skin_kama .cke_separator
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_break
+{
+ font-size: 0;
+ clear: left;
+}
+
+.cke_skin_kama .cke_rtl .cke_break
+{
+ clear: right;
+}
+
+.cke_skin_kama .cke_toolbar_start
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_toolgroup
+{
+ -moz-border-radius:5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: repeat-x;
+ background-position: 0 -500px;
+ float: left;
+ margin-right: 6px;
+ margin-bottom: 5px;
+ padding: 2px;
+ display: inline;
+}
+
+.cke_skin_kama .cke_rtl .cke_toolgroup
+{
+ float: right;
+ margin-right: 0;
+ margin-left: 6px;
+}
+
+.cke_skin_kama .cke_button a,
+.cke_skin_kama .cke_button a:hover,
+.cke_skin_kama .cke_button a:focus,
+.cke_skin_kama .cke_button a:active,
+.cke_skin_kama .cke_button a.cke_off
+{
+ border-radius: 3px;
+ outline: none;
+ padding: 2px 4px;
+ height: 18px;
+ display: inline-block;
+ cursor: default;
+}
+
+.cke_skin_kama .cke_button a,
+.cke_skin_kama .cke_button a.cke_off
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+}
+
+.cke_skin_kama .cke_hc .cke_button a,
+.cke_skin_kama .cke_hc .cke_button a.cke_off
+{
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+ border: 1px solid white;
+}
+
+.cke_skin_kama .cke_button a.cke_on
+{
+ background-color: #a3d7ff;
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+ padding: 2px 4px;
+}
+
+.cke_skin_kama .cke_hc .cke_button a.cke_on
+{
+ padding: 0 2px !important;
+ border-width: 3px;
+}
+
+.cke_skin_kama .cke_button a.cke_disabled,
+.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.3; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_kama .cke_hc .cke_button a.cke_disabled,
+.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled
+{
+ filter: alpha(opacity=60);
+ opacity: 0.6;
+}
+
+.cke_skin_kama .cke_button a:hover.cke_on,
+.cke_skin_kama .cke_button a:focus.cke_on,
+.cke_skin_kama .cke_button a:active.cke_on, /* IE */
+.cke_skin_kama .cke_button a:hover.cke_off,
+.cke_skin_kama .cke_button a:focus.cke_off,
+.cke_skin_kama .cke_button a:active.cke_off /* IE */
+{
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+ padding: 2px 4px;
+}
+
+.cke_skin_kama .cke_button a:hover.cke_on,
+.cke_skin_kama .cke_button a:focus.cke_on,
+.cke_skin_kama .cke_button a:active.cke_on /* IE */
+{
+ background-color: #86caff;
+}
+
+.cke_skin_kama .cke_button a:hover.cke_off,
+.cke_skin_kama .cke_button a:focus.cke_off,
+.cke_skin_kama .cke_button a:active.cke_off /* IE */
+{
+ background-color: #dff1ff;
+}
+
+.cke_skin_kama .cke_hc .cke_button a:hover.cke_on,
+.cke_skin_kama .cke_hc .cke_button a:focus.cke_on,
+.cke_skin_kama .cke_hc .cke_button a:active.cke_on, /* IE */
+.cke_skin_kama .cke_hc .cke_button a:hover.cke_off,
+.cke_skin_kama .cke_hc .cke_button a:focus.cke_off,
+.cke_skin_kama .cke_hc .cke_button a:active.cke_off /* IE */
+{
+ padding: 0 2px !important;
+ border-width: 3px;
+}
+
+.cke_skin_kama .cke_button .cke_icon
+{
+ background-image: url(icons.png);
+ background-position: 100px;
+ background-repeat: no-repeat;
+ margin-top: 1px;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ float: left;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_icon
+{
+ float: right;
+}
+
+.cke_skin_kama .cke_button .cke_label
+{
+ cursor: default;
+ display: none;
+ padding-left: 3px;
+ line-height: 18px;
+ vertical-align: middle;
+ float: left;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_label
+{
+ padding-left: 0;
+ padding-right: 3px;
+ float: right;
+}
+
+.cke_skin_kama .cke_hc .cke_button .cke_label
+{
+ padding: 0;
+ display: inline-block;
+}
+
+.cke_skin_kama .cke_hc .cke_button .cke_icon
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_accessibility
+{
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+.cke_skin_kama .cke_button .cke_buttonarrow
+{
+ display: inline-block;
+ height: 17px;
+ width: 8px;
+ background-position: 2px -1469px; /* (+2, -5) */
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+ float: left;
+}
+
+.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
+{
+ background-position: 0 -1469px; /* (0, -5) */
+ float: right;
+}
+
+.cke_skin_kama .cke_hc .cke_button .cke_buttonarrow
+{
+ display: none;
+}
+
+/*** Firefox 2 ***/
+
+.cke_skin_kama .cke_browser_gecko .cke_toolbar,
+.cke_skin_kama .cke_browser_gecko .cke_button a,
+.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
+.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
+.cke_skin_kama .cke_browser_gecko .cke_separator,
+.cke_skin_kama .cke_browser_gecko .cke_toolbar_start
+{
+ display: block;
+ float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon
+{
+ display: none;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a,
+.cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start
+{
+ float: right;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_button .cke_label,
+.cke_skin_kama .cke_browser_gecko .cke_break
+{
+ float: left;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break
+{
+ float: right;
+}
+
+/*** IE ***/
+
+/* The biggest problem with IE is the RTL support (and float:right). It's
+ totally broken, and quite delicate. IE8 fixed these issues. */
+
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
+{
+ float: none;
+}
+
+/*** WebKit ***/
+
+/* We have originally used display:inline-block+float for cke_toolbar and it
+ worked well in all browsers, except IE+RTL. We had to change it to inline
+ and remove the float. This change didn't play well with Safari. */
+
+.cke_skin_kama .cke_browser_webkit .cke_toolbar
+{
+ float: left;
+}
+
+.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar
+{
+ float: right;
+}
+
+/*** Mixed Fixes ***/
+
+.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,
+.cke_skin_kama .cke_browser_opera .cke_button .cke_label,
+.cke_skin_kama .cke_browser_webkit .cke_button .cke_label
+{
+ line-height: 20px;
+}
+
+.cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
+.cke_skin_kama .cke_browser_iequirks .cke_button .cke_label
+{
+ line-height: 17px;
+}
+
+/* IE8 strict button valign correction */
+.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label
+{
+ vertical-align: top;
+}
+
+.cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label
+{
+ /* revert previous */
+ vertical-align: middle;
+}
+/* END IE8 strict button valign correction */
+
+/* Fix cursor shape consistency on toolbar combos (#4031) */
+.cke_skin_kama .cke_browser_ie .cke_rcombo,
+.cke_skin_kama .cke_browser_ie .cke_rcombo *
+{
+ cursor: default;
+}
+
+.cke_skin_kama .cke_browser_ie .cke_toolbox
+{
+ padding-bottom: 5px;
+ _padding-bottom: 6px;
+}
+
+.cke_shared .cke_skin_kama .cke_browser_ie .cke_toolbox
+{
+ padding-bottom: 0;
+}
+
+.cke_skin_kama .cke_browser_gecko .cke_toolbox
+{
+ /* Define the padding-bottom otherwise the collapser button will not be clicable in FF */
+ padding-bottom: 1px;
+}
diff --git a/_source/skins/office2003/dialog.css b/_source/skins/office2003/dialog.css index 09e8eae..b33f6de 100644 --- a/_source/skins/office2003/dialog.css +++ b/_source/skins/office2003/dialog.css @@ -1,662 +1,728 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/* Restore the dialog visibility */ -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; - 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, -.cke_skin_office2003 .cke_dialog_tr, -.cke_skin_office2003 .cke_dialog_tc, -.cke_skin_office2003 .cke_dialog_bl, -.cke_skin_office2003 .cke_dialog_br, -.cke_skin_office2003 .cke_dialog_bc -{ - background-image: url(images/sprites.png); - background-repeat: no-repeat; - position: absolute; - - /* 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 -{ - background-position: -16px -16px; - height: 16px; - width: 16px; - top: 0; - left: 0; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_tl -{ - background-position: -16px -397px; -} - -.cke_skin_office2003 .cke_dialog_tr -{ - background-position: -16px -76px; - height: 16px; - width: 16px; - top: 0; - right: 0; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_tr -{ - background-position: -16px -457px; -} - -.cke_skin_office2003 .cke_dialog_tc -{ - background-position: 0 -136px; - background-repeat: repeat-x; - height: 16px; - top: 0; - left: 16px; - right: 16px; -} - -.cke_skin_office2003 .cke_dialog_bl -{ - background-position: -16px -196px; - height: 51px; - width: 30px; - bottom: 0; - left: 0; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_bl -{ - background-position: -16px -517px; -} - -.cke_skin_office2003 .cke_dialog_br -{ - background-position: -16px -263px; - height: 51px; - width: 30px; - bottom: 0; - right: 0; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_br -{ - background-position: -16px -584px; -} - -.cke_skin_office2003 .cke_dialog_bc -{ - background-position: 0 -330px; - background-repeat: repeat-x; - height: 51px; - bottom: 0; - left: 30px; - right: 30px; -} - -.cke_skin_office2003 .cke_dialog_ml, -.cke_skin_office2003 .cke_dialog_mr -{ - background-image: url(images/dialog_sides.png); - background-repeat: repeat-y; - position: absolute; - width: 16px; - top: 16px; - bottom: 51px; - - /* IE6 does not support full color transparent PNG. */ - _background-image: url(images/dialog_sides.gif); - - /* IE quirks gets confused when we have both top and bottom. */ - _top: auto; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_ml, -.cke_skin_office2003 .cke_rtl .cke_dialog_mr -{ - background-image: url(images/dialog_sides_rtl.png); - - /* IE6 does not support full color transparent PNG. */ - _background-image: url(images/dialog_sides.gif); -} - -.cke_skin_office2003 .cke_dialog_ml -{ - background-position: 0 0; - left: 0; -} - -.cke_skin_office2003 .cke_dialog_mr -{ - background-position: -16px 0; - right: 0; -} - -.cke_skin_office2003 .cke_browser_iequirks .cke_dialog_ml, -.cke_skin_office2003 .cke_browser_iequirks .cke_dialog_mr -{ - margin-top: 3px; -} - -.cke_skin_office2003 .cke_dialog_title -{ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -678px; - background-repeat: repeat-x; - font-weight: bold; - font-size: 14pt; - color: #0E3460; - background-color: #8db1ff; - padding: 3px 10px 26px 10px; - cursor: move; - position: relative; -} - -.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_title -{ - position: static !important; - unicode-bidi: bidi-override; -} - -.cke_skin_office2003 .cke_dialog_contents -{ - background-color: #f7f8fd; - border: #2b66c9 1px solid; - overflow: auto; - padding: 5px 10px; -} - -.cke_skin_office2003 .cke_dialog_footer -{ - background-color: #8db1ff; - text-align: right; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_footer -{ - text-align: left; -} - -/* tabs */ - -.cke_skin_office2003 .cke_dialog_tabs -{ - height: 23px; - background-color: #8db1ff; - display: inline-block; - margin-left:10px; - margin-right:10px; - margin-top:-23px; - position: absolute; - z-index: 2; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_tabs -{ - right: 10px; -} - -.cke_skin_office2003 a.cke_dialog_tab, -.cke_skin_office2003 a:link.cke_dialog_tab, -.cke_skin_office2003 a:active.cke_dialog_tab, -.cke_skin_office2003 a:hover.cke_dialog_tab, -.cke_skin_office2003 a:visited.cke_dialog_tab -{ - color: #0E3460; - border-left: 1px solid #2b66c9; - border-right: 1px solid #2b66c9; - border-top: 1px solid #2b66c9; - height: 14px; - padding: 4px 5px; - display: inline-block; - cursor: pointer; -} - -/* Gecko 1.8 layout workaround. */ -.cke_skin_office2003 .cke_browser_gecko18 a.cke_dialog_tab, -.cke_skin_office2003 .cke_browser_gecko18 a:link.cke_dialog_tab, -.cke_skin_office2003 .cke_browser_gecko18 a:active.cke_dialog_tab, -.cke_skin_office2003 .cke_browser_gecko18 a:hover.cke_dialog_tab, -.cke_skin_office2003 .cke_browser_gecko18 a:visited.cke_dialog_tab -{ - display: inline; - position: relative; - top: 6px; -} - -.cke_skin_office2003 a:hover.cke_dialog_tab -{ - background-color: #f7f8fd; -} - -.cke_skin_office2003 a.cke_dialog_tab_selected, -.cke_skin_office2003 a:link.cke_dialog_tab_selected, -.cke_skin_office2003 a:active.cke_dialog_tab_selected, -.cke_skin_office2003 a:hover.cke_dialog_tab_selected, -.cke_skin_office2003 a:visited.cke_dialog_tab_selected -{ - border-bottom: 1px solid #f7f8fd; - background-color: #f7f8fd; - font-weight: bold; - cursor: default; -} - -/* single_page */ - -.cke_skin_office2003 .cke_single_page .cke_dialog_tabs -{ - display: none; -} - -.cke_skin_office2003 .cke_single_page .cke_dialog_title -{ - padding-bottom: 3px; -} - -.cke_skin_office2003 .cke_dialog_ui_vbox table, -.cke_skin_office2003 .cke_dialog_ui_hbox table -{ - margin: auto; -} - -.cke_skin_office2003 .cke_dialog_ui_vbox_child -{ - padding: 5px 0px; -} - -.cke_skin_office2003 input.cke_dialog_ui_input_text, -.cke_skin_office2003 input.cke_dialog_ui_input_password -{ - background-color: white; - border: none; - padding: 0px; - width: 100%; - height: 14px; -} - -.cke_skin_office2003 div.cke_dialog_ui_input_text, -.cke_skin_office2003 div.cke_dialog_ui_input_password -{ - background-color: white; - border: 1px solid #a0a0a0; - padding: 1px 0px; -} - -.cke_skin_office2003 textarea.cke_dialog_ui_input_textarea -{ - background-color: white; - border: none; - padding: 0px; - width: 100%; - /* - * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden. - * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users. - */ - _width: 99%; - overflow: auto; - resize: none; -} - -.cke_skin_office2003 div.cke_dialog_ui_input_textarea -{ - background-color: white; - border: 1px solid #a0a0a0; - padding: 1px 0px; -} - -.cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content * -{ - background-color : #a0a0a0; - cursor : default; -} - -.cke_skin_office2003 .cke_dialog_ui_hbox -{ - width: 100%; -} - -.cke_skin_office2003 .cke_dialog_ui_hbox_first, -.cke_skin_office2003 .cke_dialog_ui_hbox_child, -.cke_skin_office2003 .cke_dialog_ui_hbox_last -{ - vertical-align: top; -} - -.cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_first, -.cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_child -{ - padding-right: 10px; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_first, -.cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_child -{ - padding-left: 10px; -} - -/* button */ - -.cke_skin_office2003 a.cke_dialog_ui_button -{ - border-collapse: separate; - cursor: default; -} - -.cke_skin_office2003 span.cke_dialog_ui_button -{ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -678px; - background-repeat: repeat-x; - border: #0E3460 1px solid; - padding: 2px 10px; - text-align: center; - color: #0E3460; - background-color: #8db1ff; - display: inline-block; - cursor: default; -} - -/* Gecko 1.8 does not support display: inline-block */ -.cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - display: block; -} - -.cke_skin_office2003 a.cke_dialog_ui_button span.cke_disabled -{ - border: #898980 1px solid; - color: #5e5e55; - background-color: #c5c5b3; -} - -.cke_skin_office2003 a:focus span.cke_dialog_ui_button, -.cke_skin_office2003 a:active span.cke_dialog_ui_button -{ - background-color: #8db1ff; -} - -.cke_skin_office2003 .cke_dialog_footer_buttons -{ - display: inline-table; - margin-right: 12px; - margin-left: 12px; - width: auto; - position: relative; -} - -/* Gecko 1.8 does not support for display: inline-table */ -.cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons -{ - display: inline; -} - -.cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - width: 60px; - margin: 7px 0; -} - -.cke_skin_office2003 strong -{ - font-weight: bold; -} - -/* close_button */ - -.cke_skin_office2003 .cke_dialog_close_button -{ - background-image: url(images/sprites.png); - background-repeat: no-repeat; - background-position: -20px -655px; - position: absolute; - cursor: pointer; - text-align: center; - height: 21px; - width: 21px; - top: 4px; - - /* IE6 does not support full color transparent PNG. */ - _background-image: url(images/sprites_ie6.png); -} - -.cke_skin_office2003 .cke_dialog_close_button span -{ - display: none; -} - -.cke_skin_office2003 .cke_ltr .cke_dialog_close_button -{ - right: 10px; - _right: 22px; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog_close_button -{ - left: 10px; - _left: 16px; - _top: 6px; -} - -.cke_skin_office2003 .cke_browser_ie6.cke_rtl .cke_dialog_close_button -{ - position: relative; - float: left; - margin-top: -55px; - margin-left: -7px; -} - -.cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button -{ - margin-top: -32px; -} - -.cke_skin_office2003 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button -{ - margin-top: 0; -} - -.cke_skin_office2003 .cke_dialog_ui_input_select -{ - border: 1px solid #a0a0a0; - background-color: white; -} - -.cke_skin_office2003 iframe.cke_dialog_ui_input_file -{ - width: 100%; - height: 25px; -} - -/* - * Some utility CSS classes for dialog authors. - */ -.cke_skin_office2003 .cke_dialog .cke_dark_background -{ - background-color: #eaead1; -} - -.cke_skin_office2003 .cke_dialog .cke_hand -{ - cursor: pointer; -} - -.cke_skin_office2003 .cke_dialog .cke_centered -{ - text-align: center; -} - -.cke_skin_office2003 .cke_dialog a.cke_btn_reset -{ - float: right; - background-position: 0 -32px; - background-image: url(images/mini.gif); - width: 16px; - height: 16px; - background-repeat: no-repeat; - border: 1px none; - font-size: 1px; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_reset -{ - float: left; -} - -.cke_skin_office2003 .cke_dialog a.cke_btn_locked, -.cke_skin_office2003 .cke_dialog a.cke_btn_unlocked -{ - float: left; - background-position: 0 0; - background-image: url(images/mini.gif); - width: 16px; - height: 16px; - background-repeat: no-repeat; - border: none 1px; - font-size: 1px; -} - -.cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked, -.cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked -{ - float: right; -} - -.cke_skin_office2003 .cke_dialog a.cke_btn_unlocked -{ - background-position: 0 -16px; - background-image: url(images/mini.gif); -} - -.cke_skin_office2003 .cke_dialog .cke_btn_over -{ - border: outset 1px; - cursor: pointer; - cursor: hand; -} - -.cke_skin_office2003 .cke_dialog #ImagePreviewBox -{ - white-space : normal; - border : 2px ridge black; - overflow : scroll; - height : 160px; - width : 230px; - padding : 2px; - background-color : white; -} -.cke_skin_office2003 .cke_dialog #ImagePreviewLoader -{ - position: absolute; - white-space : normal; - overflow : hidden; - height : 160px; - width : 230px; - margin : 2px; - padding : 2px; - opacity : 0.9; - filter : alpha(opacity=90); - - background-color : #e4e4e4; -} - -.cke_skin_office2003 .cke_dialog #FlashPreviewBox -{ - white-space : normal; - border : 2px ridge black; - overflow : auto; - height : 160px; - width : 390px; - padding : 2px; - background-color : white; -} - -.cke_skin_office2003 .cke_dialog .cke_dark_background -{ - text-align : center; - background-color: #eaead1; - font-size : 14px; -} - -.cke_skin_office2003 .cke_dialog .cke_light_background -{ - text-align : center; - background-color: #ffffbe; -} - -.cke_skin_office2003 .cke_dialog .cke_hand -{ - cursor: pointer; - cursor: hand; -} - -.cke_skin_office2003 .cke_disabled -{ - color: #a0a0a0; -} - -/* High Contrast Mode */ -.cke_skin_office2003 .cke_hc .cke_dialog_title, -.cke_skin_office2003 .cke_hc .cke_dialog_tabs, -.cke_skin_office2003 .cke_hc .cke_dialog_contents, -.cke_skin_office2003 .cke_hc .cke_dialog_footer -{ - border-left: 1px solid; - border-right: 1px solid; -} - -.cke_skin_office2003 .cke_hc .cke_dialog_title -{ - border-top: 1px solid; -} - -.cke_skin_office2003 .cke_hc .cke_dialog_footer -{ - border-bottom: 1px solid; -} - -.cke_skin_office2003 .cke_hc .cke_dialog_close_button span -{ - display: inline; - cursor: pointer; - cursor: hand; - font-weight: bold; - position: relative; - top: 3px; -} - -.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; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/* Restore the dialog visibility */
+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;
+ 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,
+.cke_skin_office2003 .cke_dialog_tr,
+.cke_skin_office2003 .cke_dialog_tc,
+.cke_skin_office2003 .cke_dialog_bl,
+.cke_skin_office2003 .cke_dialog_br,
+.cke_skin_office2003 .cke_dialog_bc
+{
+ background-image: url(images/sprites.png);
+ background-repeat: no-repeat;
+ position: absolute;
+
+ /* 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
+{
+ background-position: -16px -16px;
+ height: 16px;
+ width: 16px;
+ top: 0;
+ left: 0;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_tl
+{
+ background-position: -16px -397px;
+}
+
+.cke_skin_office2003 .cke_dialog_tr
+{
+ background-position: -16px -76px;
+ height: 16px;
+ width: 16px;
+ top: 0;
+ right: 0;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_tr
+{
+ background-position: -16px -457px;
+}
+
+.cke_skin_office2003 .cke_dialog_tc
+{
+ background-position: 0 -136px;
+ background-repeat: repeat-x;
+ height: 16px;
+ top: 0;
+ left: 16px;
+ right: 16px;
+}
+
+.cke_skin_office2003 .cke_dialog_bl
+{
+ background-position: -16px -196px;
+ height: 51px;
+ width: 30px;
+ bottom: 0;
+ left: 0;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_bl
+{
+ background-position: -16px -517px;
+}
+
+.cke_skin_office2003 .cke_dialog_br
+{
+ background-position: -16px -263px;
+ height: 51px;
+ width: 30px;
+ bottom: 0;
+ right: 0;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_br
+{
+ background-position: -16px -584px;
+}
+
+.cke_skin_office2003 .cke_dialog_bc
+{
+ background-position: 0 -330px;
+ background-repeat: repeat-x;
+ height: 51px;
+ bottom: 0;
+ left: 30px;
+ right: 30px;
+}
+
+.cke_skin_office2003 .cke_dialog_ml,
+.cke_skin_office2003 .cke_dialog_mr
+{
+ background-image: url(images/dialog_sides.png);
+ background-repeat: repeat-y;
+ position: absolute;
+ width: 16px;
+ top: 16px;
+ bottom: 51px;
+
+ /* IE6 does not support full color transparent PNG. */
+ _background-image: url(images/dialog_sides.gif);
+
+ /* IE quirks gets confused when we have both top and bottom. */
+ _top: auto;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_ml,
+.cke_skin_office2003 .cke_rtl .cke_dialog_mr
+{
+ background-image: url(images/dialog_sides_rtl.png);
+
+ /* IE6 does not support full color transparent PNG. */
+ _background-image: url(images/dialog_sides.gif);
+}
+
+.cke_skin_office2003 .cke_dialog_ml
+{
+ background-position: 0 0;
+ left: 0;
+}
+
+.cke_skin_office2003 .cke_dialog_mr
+{
+ background-position: -16px 0;
+ right: 0;
+}
+
+.cke_skin_office2003 .cke_browser_iequirks .cke_dialog_ml,
+.cke_skin_office2003 .cke_browser_iequirks .cke_dialog_mr
+{
+ margin-top: 3px;
+}
+
+.cke_skin_office2003 .cke_dialog_title
+{
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -678px;
+ background-repeat: repeat-x;
+ font-weight: bold;
+ font-size: 14pt;
+ color: #0E3460;
+ background-color: #8db1ff;
+ padding: 3px 10px 26px 10px;
+ cursor: move;
+ position: relative;
+}
+
+.cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_title
+{
+ position: static !important;
+ unicode-bidi: bidi-override;
+}
+
+.cke_skin_office2003 .cke_dialog_contents
+{
+ background-color: #f7f8fd;
+ border: #2b66c9 1px solid;
+ overflow: auto;
+ padding: 5px 10px;
+}
+
+.cke_skin_office2003 .cke_dialog_footer
+{
+ background-color: #8db1ff;
+ text-align: right;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_footer
+{
+ text-align: left;
+}
+
+/* tabs */
+
+.cke_skin_office2003 .cke_dialog_tabs
+{
+ height: 23px;
+ background-color: #8db1ff;
+ display: inline-block;
+ margin-left:10px;
+ margin-right:10px;
+ margin-top:-23px;
+ position: absolute;
+ z-index: 2;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_tabs
+{
+ right: 10px;
+}
+
+.cke_skin_office2003 a.cke_dialog_tab,
+.cke_skin_office2003 a:link.cke_dialog_tab,
+.cke_skin_office2003 a:active.cke_dialog_tab,
+.cke_skin_office2003 a:hover.cke_dialog_tab,
+.cke_skin_office2003 a:visited.cke_dialog_tab
+{
+ color: #0E3460;
+ border-left: 1px solid #2b66c9;
+ border-right: 1px solid #2b66c9;
+ border-top: 1px solid #2b66c9;
+ height: 14px;
+ padding: 4px 5px;
+ display: inline-block;
+ cursor: pointer;
+}
+
+/* Gecko 1.8 layout workaround. */
+.cke_skin_office2003 .cke_browser_gecko18 a.cke_dialog_tab,
+.cke_skin_office2003 .cke_browser_gecko18 a:link.cke_dialog_tab,
+.cke_skin_office2003 .cke_browser_gecko18 a:active.cke_dialog_tab,
+.cke_skin_office2003 .cke_browser_gecko18 a:hover.cke_dialog_tab,
+.cke_skin_office2003 .cke_browser_gecko18 a:visited.cke_dialog_tab
+{
+ display: inline;
+ position: relative;
+ top: 6px;
+}
+
+.cke_skin_office2003 a:hover.cke_dialog_tab
+{
+ 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,
+.cke_skin_office2003 a:active.cke_dialog_tab_selected,
+.cke_skin_office2003 a:hover.cke_dialog_tab_selected,
+.cke_skin_office2003 a:visited.cke_dialog_tab_selected
+{
+ border-bottom: 1px solid #f7f8fd;
+ background-color: #f7f8fd;
+ 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 */
+
+.cke_skin_office2003 .cke_single_page .cke_dialog_tabs
+{
+ 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;
+}
+
+.cke_skin_office2003 .cke_dialog_ui_vbox table,
+.cke_skin_office2003 .cke_dialog_ui_hbox table
+{
+ margin: auto;
+}
+
+.cke_skin_office2003 .cke_dialog_ui_vbox_child
+{
+ padding: 5px 0px;
+}
+
+.cke_skin_office2003 input.cke_dialog_ui_input_text,
+.cke_skin_office2003 input.cke_dialog_ui_input_password
+{
+ background-color: white;
+ border: none;
+ padding: 0px;
+ width: 100%;
+ height: 14px;
+}
+
+.cke_skin_office2003 div.cke_dialog_ui_input_text,
+.cke_skin_office2003 div.cke_dialog_ui_input_password
+{
+ background-color: white;
+ border: 1px solid #a0a0a0;
+ padding: 1px 0px;
+}
+
+.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
+{
+ background-color: white;
+ border: none;
+ padding: 0px;
+ width: 100%;
+ /*
+ * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
+ * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
+ */
+ _width: 99%;
+ overflow: auto;
+ resize: none;
+}
+
+.cke_skin_office2003 div.cke_dialog_ui_input_textarea
+{
+ background-color: white;
+ border: 1px solid #a0a0a0;
+ padding: 1px 0px;
+}
+
+.cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content *
+{
+ background-color : #a0a0a0;
+ cursor : default;
+}
+
+.cke_skin_office2003 .cke_dialog_ui_hbox
+{
+ width: 100%;
+}
+
+.cke_skin_office2003 .cke_dialog_ui_hbox_first,
+.cke_skin_office2003 .cke_dialog_ui_hbox_child,
+.cke_skin_office2003 .cke_dialog_ui_hbox_last
+{
+ vertical-align: top;
+}
+
+.cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_first,
+.cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_child
+{
+ padding-right: 10px;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_first,
+.cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_child
+{
+ padding-left: 10px;
+}
+
+/* button */
+
+.cke_skin_office2003 a.cke_dialog_ui_button
+{
+ border-collapse: separate;
+ cursor: default;
+}
+
+.cke_skin_office2003 span.cke_dialog_ui_button
+{
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -678px;
+ background-repeat: repeat-x;
+ border: #0E3460 1px solid;
+ padding: 2px 10px;
+ text-align: center;
+ color: #0E3460;
+ background-color: #8db1ff;
+ display: inline-block;
+ cursor: default;
+}
+
+/* Gecko 1.8 does not support display: inline-block */
+.cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ display: block;
+}
+
+.cke_skin_office2003 a.cke_dialog_ui_button span.cke_disabled
+{
+ border: #898980 1px solid;
+ color: #5e5e55;
+ background-color: #c5c5b3;
+}
+
+.cke_skin_office2003 a:focus span.cke_dialog_ui_button,
+.cke_skin_office2003 a:active span.cke_dialog_ui_button
+{
+ 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
+{
+ display: inline-table;
+ margin-right: 12px;
+ margin-left: 12px;
+ width: auto;
+ position: relative;
+}
+
+/* Gecko 1.8 does not support for display: inline-table */
+.cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons
+{
+ display: inline;
+}
+
+.cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ width: 60px;
+ margin: 7px 0;
+}
+
+.cke_skin_office2003 strong
+{
+ font-weight: bold;
+}
+
+/* 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;
+ background-position: -20px -655px;
+ position: absolute;
+ cursor: pointer;
+ text-align: center;
+ height: 21px;
+ width: 21px;
+ top: 4px;
+
+ /* IE6 does not support full color transparent PNG. */
+ _background-image: url(images/sprites_ie6.png);
+}
+
+.cke_skin_office2003 a.cke_dialog_close_button span
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_ltr a.cke_dialog_close_button
+{
+ right: 10px;
+ _right: 22px;
+}
+
+.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 a.cke_dialog_close_button,
+.cke_skin_office2003 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button
+{
+ position: relative;
+ float: left;
+ margin-top: -55px;
+ margin-left: -7px;
+}
+
+.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 a.cke_dialog_close_button,
+.cke_skin_office2003 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button
+{
+ margin-top: 0;
+}
+
+.cke_skin_office2003 .cke_dialog_ui_input_select
+{
+ border: 1px solid #a0a0a0;
+ background-color: white;
+}
+
+.cke_skin_office2003 iframe.cke_dialog_ui_input_file
+{
+ width: 100%;
+ height: 25px;
+}
+
+/*
+ * Some utility CSS classes for dialog authors.
+ */
+.cke_skin_office2003 .cke_dialog .cke_dark_background
+{
+ background-color: #eaead1;
+}
+
+.cke_skin_office2003 .cke_dialog .cke_hand
+{
+ cursor: pointer;
+}
+
+.cke_skin_office2003 .cke_dialog .cke_centered
+{
+ text-align: center;
+}
+
+.cke_skin_office2003 .cke_dialog a.cke_btn_reset
+{
+ float: right;
+ background-position: 0 -32px;
+ background-image: url(images/mini.gif);
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ border: 1px none;
+ font-size: 1px;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_reset
+{
+ float: left;
+}
+
+.cke_skin_office2003 .cke_dialog a.cke_btn_locked,
+.cke_skin_office2003 .cke_dialog a.cke_btn_unlocked
+{
+ float: left;
+ background-position: 0 0;
+ background-image: url(images/mini.gif);
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ border: none 1px;
+ font-size: 1px;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked,
+.cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_dialog a.cke_btn_unlocked
+{
+ background-position: 0 -16px;
+ background-image: url(images/mini.gif);
+}
+
+.cke_skin_office2003 .cke_dialog .cke_btn_over
+{
+ border: outset 1px;
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_office2003 .cke_dialog #ImagePreviewBox
+{
+ white-space : normal;
+ border : 2px ridge black;
+ overflow : scroll;
+ height : 160px;
+ width : 230px;
+ padding : 2px;
+ background-color : white;
+}
+.cke_skin_office2003 .cke_dialog #ImagePreviewLoader
+{
+ position: absolute;
+ white-space : normal;
+ overflow : hidden;
+ height : 160px;
+ width : 230px;
+ margin : 2px;
+ padding : 2px;
+ opacity : 0.9;
+ filter : alpha(opacity=90);
+
+ background-color : #e4e4e4;
+}
+
+.cke_skin_office2003 .cke_dialog #FlashPreviewBox
+{
+ white-space : normal;
+ border : 2px ridge black;
+ overflow : auto;
+ height : 160px;
+ width : 390px;
+ padding : 2px;
+ background-color : white;
+}
+
+.cke_skin_office2003 .cke_dialog .cke_dark_background
+{
+ text-align : center;
+ background-color: #eaead1;
+ font-size : 14px;
+}
+
+.cke_skin_office2003 .cke_dialog .cke_light_background
+{
+ text-align : center;
+ background-color: #ffffbe;
+}
+
+.cke_skin_office2003 .cke_dialog .cke_hand
+{
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_office2003 .cke_disabled
+{
+ color: #a0a0a0;
+}
+
+/* High Contrast Mode */
+.cke_skin_office2003 .cke_hc .cke_dialog_title,
+.cke_skin_office2003 .cke_hc .cke_dialog_tabs,
+.cke_skin_office2003 .cke_hc .cke_dialog_contents,
+.cke_skin_office2003 .cke_hc .cke_dialog_footer
+{
+ border-left: 1px solid;
+ border-right: 1px solid;
+}
+
+.cke_skin_office2003 .cke_hc .cke_dialog_title
+{
+ border-top: 1px solid;
+}
+
+.cke_skin_office2003 .cke_hc .cke_dialog_footer
+{
+ border-bottom: 1px solid;
+}
+
+.cke_skin_office2003 .cke_hc .cke_dialog_close_button span
+{
+ 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_hc .cke_dialog_body .cke_label
+{
+ display: inline;
+}
+
+.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;
+}
+
+.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;
+}
diff --git a/_source/skins/office2003/elementspath.css b/_source/skins/office2003/elementspath.css index 66c75b9..78dd48a 100644 --- a/_source/skins/office2003/elementspath.css +++ b/_source/skins/office2003/elementspath.css @@ -1,68 +1,73 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -@media print -{ - .cke_path - { - display: none; - } -} - -.cke_skin_office2003 .cke_path -{ - padding: 3px 3px 0 3px; - display: inline-block; - float: left; -} - -.cke_skin_office2003 .cke_rtl .cke_path -{ - float: right; -} - -.cke_skin_office2003 .cke_path a, -.cke_skin_office2003 .cke_path .cke_empty -{ - display: inline-block; - float: left; - border: solid 1px #f7f8fd; - background-color: #f7f8fd; - padding-top: 1px; - padding-bottom: 1px; - padding-left: 4px; - padding-right: 4px; - margin-bottom : 3px; -} - -.cke_skin_office2003 .cke_path .cke_empty -{ - visibility: hidden; -} - -.cke_skin_office2003 .cke_rtl .cke_path a, -.cke_skin_office2003 .cke_rtl .cke_path cke_empty -{ - float: right; -} - -.cke_skin_office2003 .cke_path a:hover, -.cke_skin_office2003 .cke_path a:focus, -.cke_skin_office2003 .cke_path a:active /* IE */ -{ - border: solid 1px #316ac5; - background-color: #dff1ff; - padding-top: 1px; - padding-bottom: 1px; - padding-left: 4px; - padding-right: 4px; - outline: none; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_path a, -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_path .cke_empty -{ - float: none; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+ .cke_path
+ {
+ display: none;
+ }
+}
+
+.cke_skin_office2003 .cke_path
+{
+ padding: 3px 3px 0 3px;
+ display: inline-block;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_path
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_path a,
+.cke_skin_office2003 .cke_path .cke_empty
+{
+ display: inline-block;
+ float: left;
+ border: solid 1px #f7f8fd;
+ background-color: #f7f8fd;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 4px;
+ padding-right: 4px;
+ margin-bottom : 3px;
+}
+
+.cke_skin_office2003 .cke_path .cke_empty
+{
+ visibility: hidden;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_path a,
+.cke_skin_office2003 .cke_rtl .cke_path cke_empty
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_path a:hover,
+.cke_skin_office2003 .cke_path a:focus,
+.cke_skin_office2003 .cke_path a:active /* IE */
+{
+ border: solid 1px #316ac5;
+ background-color: #dff1ff;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 4px;
+ padding-right: 4px;
+ outline: none;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_path a,
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_path .cke_empty
+{
+ float: none;
+}
+
+.cke_skin_office2003 .cke_path .cke_label
+{
+ display: none;
+}
diff --git a/_source/skins/office2003/mainui.css b/_source/skins/office2003/mainui.css index 15e8d80..6c579bc 100644 --- a/_source/skins/office2003/mainui.css +++ b/_source/skins/office2003/mainui.css @@ -1,107 +1,127 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_office2003 .cke_editor -{ -/* - border: solid 1px #dcdcdc; -*/ - display: inline-table; - width: 100%; -} - -.cke_skin_office2003 span.cke_browser_webkit, -.cke_skin_office2003 span.cke_browser_gecko18 -{ - display: block; -} - -.cke_skin_office2003, -.cke_skin_office2003 .cke_wrapper -{ - display: block; -} - -.cke_skin_office2003 .cke_top, -.cke_skin_office2003 .cke_bottom, - .cke_shared .cke_skin_office2003 -{ - background-color: #f7f8fd; -} - -.cke_skin_office2003 .cke_top -{ - border-top: solid 1px #fafaf5; - border-left: solid 1px #fafaf5; - border-right: solid 1px #696969; - border-bottom: solid 2px #696969; -} - -.cke_skin_office2003 .cke_rtl .cke_top -{ - border-left: solid 1px #696969; - border-right: solid 1px #fafaf5; -} - -.cke_skin_office2003 .cke_bottom -{ - border-left: solid 1px #696969; - border-right: solid 1px #696969; - border-bottom: solid 1px #696969; -} - -.cke_skin_office2003 .cke_contents -{ - border: solid 1px #696969; - /* Prevent background content from penetrate through when switching between editing modes. (#4918) */ - background-color: white; -} - -.cke_skin_office2003 .cke_focus -{ - outline: auto 5px -webkit-focus-ring-color; -} - -.cke_skin_office2003 textarea.cke_source -{ - font-family: 'Courier New' , Monospace; - font-size: small; - white-space: pre; - background-color: #fff; -} - -.cke_skin_office2003 .cke_resizer -{ - width: 12px; - height: 12px; - margin-top: 16px; - display: block; - float: right; - /* resizer.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -1088px; - background-repeat: no-repeat; - cursor: se-resize; -} - -.cke_skin_office2003 .cke_maximized .cke_resizer -{ - display: none; -} - -.cke_skin_office2003 .cke_rtl .cke_resizer -{ - cursor: sw-resize; - /* resizer_rtl.gif*/ - background-position: 0 -1115px; - float: left; -} - -.cke_skin_office2003 .cke_browser_ie6 .cke_contents textarea, -.cke_skin_office2003 .cke_browser_ie7 .cke_contents textarea -{ - position: absolute; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_office2003 .cke_editor
+{
+/*
+ border: solid 1px #dcdcdc;
+*/
+ display: inline-table;
+ width: 100%;
+}
+
+.cke_skin_office2003 span.cke_browser_webkit,
+.cke_skin_office2003 span.cke_browser_gecko18
+{
+ display: block;
+}
+
+.cke_skin_office2003,
+.cke_skin_office2003 .cke_wrapper
+{
+ display: block;
+}
+
+.cke_skin_office2003 .cke_top,
+.cke_skin_office2003 .cke_bottom,
+ .cke_shared .cke_skin_office2003
+{
+ background-color: #f7f8fd;
+}
+
+.cke_skin_office2003 .cke_top
+{
+ border-top: solid 1px #fafaf5;
+ border-left: solid 1px #fafaf5;
+ border-right: solid 1px #696969;
+ border-bottom: solid 2px #696969;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_top
+{
+ border-left: solid 1px #696969;
+ border-right: solid 1px #fafaf5;
+}
+
+.cke_skin_office2003 .cke_bottom
+{
+ border-left: solid 1px #696969;
+ border-right: solid 1px #696969;
+ border-bottom: solid 1px #696969;
+}
+
+.cke_skin_office2003 .cke_contents
+{
+ border: solid 1px #696969;
+ /* Prevent background content from penetrate through when switching between editing modes. (#4918) */
+ background-color: white;
+}
+
+.cke_skin_office2003 .cke_focus
+{
+ outline: auto 5px -webkit-focus-ring-color;
+}
+
+.cke_skin_office2003 textarea.cke_source
+{
+ font-family: 'Courier New' , Monospace;
+ font-size: small;
+ white-space: pre;
+ background-color: #fff;
+}
+
+.cke_skin_office2003 .cke_resizer
+{
+ width: 12px;
+ height: 12px;
+ margin-top: 16px;
+ display: block;
+ float: right;
+ /* resizer.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -1088px;
+ background-repeat: no-repeat;
+ cursor: se-resize;
+}
+
+.cke_skin_office2003 .cke_maximized .cke_resizer
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_resizer
+{
+ cursor: sw-resize;
+ /* resizer_rtl.gif*/
+ background-position: 0 -1115px;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_ie6 .cke_contents textarea,
+.cke_skin_office2003 .cke_browser_ie7 .cke_contents textarea
+{
+ position: absolute;
+}
+
+/* All voice labels are not displayed. */
+.cke_skin_office2003 .cke_voice_label
+{
+ display: none;
+}
+
+.cke_skin_office2003 legend.cke_voice_label
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_browser_ie legend.cke_voice_label
+{
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
diff --git a/_source/skins/office2003/menu.css b/_source/skins/office2003/menu.css index e163a57..17e4af7 100644 --- a/_source/skins/office2003/menu.css +++ b/_source/skins/office2003/menu.css @@ -1,175 +1,207 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_office2003 .cke_contextmenu -{ - padding: 2px; -} - -.cke_skin_office2003 .cke_menuitem a -{ - display:block; -} - -.cke_skin_office2003 .cke_menuitem span -{ - cursor: default; -} - -.cke_skin_office2003 .cke_menuitem a:hover, -.cke_skin_office2003 .cke_menuitem a:focus, -.cke_skin_office2003 .cke_menuitem a:active -{ - background-color: #8db1ff; - display:block; -} - -.cke_skin_office2003 .cke_menuitem a.cke_disabled:hover, -.cke_skin_office2003 .cke_menuitem a.cke_disabled:focus, -.cke_skin_office2003 .cke_menuitem a.cke_disabled:active -{ - background-color: transparent !important; -} - -.cke_skin_office2003 .cke_menuitem .cke_icon -{ - background-image: url(icons.png); - background-position: 100px; - background-repeat:no-repeat; - background-color: transparent; - width: 16px; - height: 16px; - float: left; -} - -.cke_skin_office2003 .cke_menuitem .cke_disabled .cke_icon -{ - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_menuitem .cke_icon_wrapper -{ - background-color: #f7f8fd; - border: solid 4px #f7f8fd; - width: 16px; - height: 16px; - float: left; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_rtl .cke_skin_office2003 .cke_menuitem .cke_icon_wrapper -{ - float: right; -} - -.cke_skin_office2003 .cke_menuitem a:hover .cke_icon_wrapper, -.cke_skin_office2003 .cke_menuitem a:focus .cke_icon_wrapper, -.cke_skin_office2003 .cke_menuitem a:active .cke_icon_wrapper -{ - background-color: #9d9d9d; - border: solid 4px #9d9d9d; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper, -.cke_skin_office2003 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper, -.cke_skin_office2003 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper -{ - background-color: #f7f8fd; - border: solid 4px #f7f8fd; -} - -.cke_skin_office2003 .cke_menuitem .cke_label -{ - display:block; - padding-right: 3px; - padding-top: 5px; - padding-left: 4px; - height:19px; - margin-left: 24px; - background-color: #fff; - _overflow: hidden; - _width: 80px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_rtl .cke_skin_office2003 .cke_menuitem .cke_label -{ - padding-right: 0; - margin-left: 0; - padding-left: 3px; - margin-right: 28px; -} - -.cke_skin_office2003 .cke_menuitem a.cke_disabled .cke_label -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.30; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_menuitem a:hover .cke_label, -.cke_skin_office2003 .cke_menuitem a:focus .cke_label, -.cke_skin_office2003 .cke_menuitem a:active .cke_label -{ - background-color: #8db1ff; -} - -.cke_skin_office2003 .cke_menuitem a.cke_disabled:hover .cke_label, -.cke_skin_office2003 .cke_menuitem a.cke_disabled:focus .cke_label, -.cke_skin_office2003 .cke_menuitem a.cke_disabled:active .cke_label -{ - background-color: transparent; -} - -.cke_skin_office2003 .cke_menuseparator -{ - background-color: #f7f8fd; - height: 2px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - - _font-size: 0; -} - -.cke_skin_office2003 .cke_menuarrow -{ - /* arrowright.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -1071px; - background-repeat: no-repeat; - height: 5px; - width: 3px; - float: right; - margin-right: 2px; - margin-top: 3px; -} - -.cke_rtl .cke_skin_office2003 .cke_menuarrow -{ - float: left; - margin-right: 0; - margin-left: 2px; - /* arrowleft.gif*/ - background-position: 0 -1050px; -} - -/* #3766 In the context menu, long labels with second level menu get wrapped */ -.cke_browser_ie.cke_ltr .cke_skin_office2003 .cke_menuarrow -{ - position: absolute; - right: 2px; -} - -.cke_browser_ie.cke_rtl .cke_skin_office2003 .cke_menuarrow -{ - position: absolute; - left: 2px; -} -/* END #3766 */ +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_office2003 .cke_contextmenu
+{
+ padding: 2px;
+}
+
+.cke_skin_office2003 .cke_menuitem a
+{
+ display:block;
+}
+
+.cke_skin_office2003 .cke_menuitem span
+{
+ cursor: default;
+}
+
+.cke_skin_office2003 .cke_menuitem a:hover,
+.cke_skin_office2003 .cke_menuitem a:focus,
+.cke_skin_office2003 .cke_menuitem a:active
+{
+ background-color: #8db1ff;
+ display:block;
+}
+
+.cke_hc .cke_menuitem a:hover,
+.cke_hc .cke_menuitem a:focus,
+.cke_hc .cke_menuitem a:active
+{
+ border: 2px solid;
+}
+
+.cke_skin_office2003 .cke_menuitem a.cke_disabled:hover,
+.cke_skin_office2003 .cke_menuitem a.cke_disabled:focus,
+.cke_skin_office2003 .cke_menuitem a.cke_disabled:active
+{
+ background-color: transparent !important;
+}
+
+.cke_hc .cke_menuitem a.cke_disabled:hover,
+.cke_hc .cke_menuitem a.cke_disabled:focus,
+.cke_hc .cke_menuitem a.cke_disabled:active
+{
+ border-width: 0px;
+}
+
+.cke_skin_office2003 .cke_menuitem .cke_icon
+{
+ background-image: url(icons.png);
+ background-position: 100px;
+ background-repeat:no-repeat;
+ background-color: transparent;
+ width: 16px;
+ height: 16px;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_menuitem .cke_disabled .cke_icon
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_menuitem .cke_icon_wrapper
+{
+ background-color: #f7f8fd;
+ border: solid 4px #f7f8fd;
+ width: 16px;
+ height: 16px;
+ float: left;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_rtl .cke_skin_office2003 .cke_menuitem .cke_icon_wrapper
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_menuitem a:hover .cke_icon_wrapper,
+.cke_skin_office2003 .cke_menuitem a:focus .cke_icon_wrapper,
+.cke_skin_office2003 .cke_menuitem a:active .cke_icon_wrapper
+{
+ background-color: #9d9d9d;
+ border: solid 4px #9d9d9d;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,
+.cke_skin_office2003 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,
+.cke_skin_office2003 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper
+{
+ background-color: #f7f8fd;
+ border: solid 4px #f7f8fd;
+}
+
+.cke_skin_office2003 .cke_menuitem .cke_label
+{
+ display:block;
+ padding-right: 3px;
+ padding-top: 5px;
+ padding-left: 4px;
+ height:19px;
+ margin-left: 24px;
+ background-color: #fff;
+}
+/* Set these after the document has been loaded and we know the dimensions*/
+.cke_skin_office2003 .cke_frameLoaded .cke_menuitem .cke_label
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_rtl .cke_skin_office2003 .cke_menuitem .cke_label
+{
+ padding-right: 0;
+ margin-left: 0;
+ padding-left: 3px;
+ margin-right: 28px;
+}
+
+.cke_skin_office2003 .cke_menuitem a.cke_disabled .cke_label
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.30; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_menuitem a:hover .cke_label,
+.cke_skin_office2003 .cke_menuitem a:focus .cke_label,
+.cke_skin_office2003 .cke_menuitem a:active .cke_label
+{
+ background-color: #8db1ff;
+}
+
+.cke_skin_office2003 .cke_menuitem a.cke_disabled:hover .cke_label,
+.cke_skin_office2003 .cke_menuitem a.cke_disabled:focus .cke_label,
+.cke_skin_office2003 .cke_menuitem a.cke_disabled:active .cke_label
+{
+ background-color: transparent;
+}
+
+.cke_skin_office2003 .cke_menuseparator
+{
+ background-color: #f7f8fd;
+ height: 2px;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+
+ _font-size: 0;
+}
+
+.cke_skin_office2003 .cke_menuarrow
+{
+ /* arrowright.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -1071px;
+ background-repeat: no-repeat;
+ height: 5px;
+ width: 3px;
+ float: right;
+ margin-right: 2px;
+ margin-top: 3px;
+}
+
+.cke_rtl .cke_skin_office2003 .cke_menuarrow
+{
+ float: left;
+ margin-right: 0;
+ margin-left: 2px;
+ /* arrowleft.gif*/
+ background-position: 0 -1050px;
+}
+
+.cke_skin_office2003 .cke_menuarrow span
+{
+ display: none;
+}
+
+.cke_hc .cke_skin_office2003 .cke_menuarrow
+{
+ width: auto;
+ margin-top: 0;
+}
+
+.cke_hc .cke_skin_office2003 .cke_menuarrow span
+{
+ display: inline;
+}
+
+/* #3766 In the context menu, long labels with second level menu get wrapped */
+.cke_browser_ie.cke_ltr .cke_skin_office2003 .cke_menuarrow
+{
+ position: absolute;
+ right: 2px;
+}
+
+.cke_browser_ie.cke_rtl .cke_skin_office2003 .cke_menuarrow
+{
+ position: absolute;
+ left: 2px;
+}
+/* END #3766 */
diff --git a/_source/skins/office2003/panel.css b/_source/skins/office2003/panel.css index 144c2dc..30ec416 100644 --- a/_source/skins/office2003/panel.css +++ b/_source/skins/office2003/panel.css @@ -1,198 +1,211 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_office2003 .cke_panel -{ - border: 1px solid #8f8f73; - background-color: #fff; - - width: 120px; - height: 100px; - - overflow:hidden; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -/* Ideally we would use "inherit here"... but you know... IE :( */ -.cke_skin_office2003 .cke_panel iframe -{ - width: 100%; - height: 100%; -} - -/* - * All the following styles are to be used inside the iframe that holds panel - * contents. We don't use the cke_skin_default there to avoid the reset to be - * active. - * This is not an issue as we'll never have two skins running inside the same - * panel iframe. - */ - -html.cke_skin_office2003_container -{ - overflow: auto; - overflow-x: hidden; -} - -body.cke_panel_frame -{ - overflow: auto; - overflow-x: hidden; -} - -ul.cke_panel_list -{ - list-style-type: none; - margin: 3px; - padding: 0px; - white-space: nowrap; -} - -li.cke_panel_listItem -{ - margin: 0px; -} - -.cke_panel_listItem a -{ - padding: 2px; - display: block; - border: 1px solid #fff; - color: inherit; - text-decoration: none; - overflow: hidden; - text-overflow: ellipsis; -} - -/* IE6 */ -* html .cke_panel_listItem a -{ - width : 100%; - - /* IE is not able to inherit the color, so we must force it to black */ - color: #000; -} - -/* IE7 */ -*:first-child+html .cke_panel_listItem a -{ - /* IE is not able to inherit the color, so we must force it to black */ - color: #000; -} - -.cke_panel_listItem.cke_selected a -{ - border: 1px solid #ccc; - background-color: #e9f5ff; -} - -.cke_panel_listItem a:hover, -.cke_panel_listItem a:focus, -.cke_panel_listItem a:active -{ - border-color: #316ac5; - background-color: #dff1ff; -} - -.cke_panel_grouptitle -{ - font-size: 11px; - font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; - font-weight: bold; - white-space: nowrap; - background-color: #dcdcdc; - color: #000; - margin:0px; - padding:3px; -} - -.cke_panel_listItem p, -.cke_panel_listItem h1, -.cke_panel_listItem h2, -.cke_panel_listItem h3, -.cke_panel_listItem h4, -.cke_panel_listItem h5, -.cke_panel_listItem h6, -.cke_panel_listItem pre -{ - margin-top: 3px; - margin-bottom: 3px; -} - -.cke_skin_office2003 .cke_button_textcolor_panel, -.cke_skin_office2003 .cke_button_bgcolor_panel -{ - width: 150px; - height: 135px; -} - -.cke_colorblock -{ - padding: 3px; - font-size: 11px; - font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; -} - -.cke_colorblock, -.cke_colorblock a -{ - text-decoration: none; - color: #000; -} - -span.cke_colorbox -{ - width: 10px; - height: 10px; - border: #808080 1px solid; - float: left; -} - -.cke_rtl span.cke_colorbox -{ - float: right; -} - -a.cke_colorbox -{ - border: #fff 1px solid; - padding: 2px; - float: left; -} - -.cke_rtl a.cke_colorbox -{ - float: right; -} - -a:hover.cke_colorbox, -a:focus.cke_colorbox, -a:active.cke_colorbox -{ - border: #316ac5 1px solid; - background-color: #dff1ff; -} - -a.cke_colorauto, -a.cke_colormore -{ - border: #fff 1px solid; - padding: 2px; - display: block; -} - -a:hover.cke_colorauto, -a:hover.cke_colormore, -a:focus.cke_colorauto, -a:focus.cke_colormore, -a:active.cke_colorauto, -a:active.cke_colormore -{ - border: #316ac5 1px solid; - background-color: #dff1ff; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_office2003 .cke_panel
+{
+ border: 1px solid #8f8f73;
+ background-color: #fff;
+
+ width: 120px;
+ height: 100px;
+
+ overflow:hidden;
+
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+/* Ideally we would use "inherit here"... but you know... IE :( */
+.cke_skin_office2003 .cke_panel iframe
+{
+ width: 100%;
+ height: 100%;
+}
+
+cke_skin_office2003 .cke_panel_frame .cke_label
+{
+ display: none;
+}
+
+/*
+ * All the following styles are to be used inside the iframe that holds panel
+ * contents. We don't use the cke_skin_default there to avoid the reset to be
+ * active.
+ * This is not an issue as we'll never have two skins running inside the same
+ * panel iframe.
+ */
+
+html.cke_skin_office2003_container
+{
+ overflow: auto;
+ overflow-x: hidden;
+}
+
+body.cke_panel_frame
+{
+ overflow: auto;
+}
+
+ul.cke_panel_list
+{
+ list-style-type: none;
+ margin: 3px;
+ padding: 0px;
+ white-space: nowrap;
+}
+
+li.cke_panel_listItem
+{
+ margin: 0px;
+}
+
+.cke_panel_listItem a
+{
+ padding: 2px;
+ display: block;
+ border: 1px solid #fff;
+ color: inherit;
+ text-decoration: none;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+/* IE6 */
+* html .cke_panel_listItem a
+{
+ width : 100%;
+
+ /* IE is not able to inherit the color, so we must force it to black */
+ color: #000;
+}
+
+/* IE7 */
+*:first-child+html .cke_panel_listItem a
+{
+ /* IE is not able to inherit the color, so we must force it to black */
+ color: #000;
+}
+
+.cke_panel_listItem.cke_selected a
+{
+ border: 1px solid #ccc;
+ background-color: #e9f5ff;
+}
+
+.cke_panel_listItem a:hover,
+.cke_panel_listItem a:focus,
+.cke_panel_listItem a:active
+{
+ border-color: #316ac5;
+ background-color: #dff1ff;
+}
+
+.cke_hc .cke_panel_listItem.cke_selected a,
+.cke_hc .cke_panel_listItem a:hover,
+.cke_hc .cke_panel_listItem a:focus,
+.cke_hc .cke_panel_listItem a:active
+{
+ border-width: 3px;
+ padding: 0px;
+}
+
+.cke_panel_grouptitle
+{
+ font-size: 11px;
+ font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+ font-weight: bold;
+ white-space: nowrap;
+ background-color: #dcdcdc;
+ color: #000;
+ margin:0px;
+ padding:3px;
+}
+
+.cke_panel_listItem p,
+.cke_panel_listItem h1,
+.cke_panel_listItem h2,
+.cke_panel_listItem h3,
+.cke_panel_listItem h4,
+.cke_panel_listItem h5,
+.cke_panel_listItem h6,
+.cke_panel_listItem pre
+{
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+
+.cke_skin_office2003 .cke_button_textcolor_panel,
+.cke_skin_office2003 .cke_button_bgcolor_panel
+{
+ width: 150px;
+ height: 135px;
+}
+
+.cke_colorblock
+{
+ padding: 3px;
+ font-size: 11px;
+ font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.cke_colorblock,
+.cke_colorblock a
+{
+ text-decoration: none;
+ color: #000;
+}
+
+span.cke_colorbox
+{
+ width: 10px;
+ height: 10px;
+ border: #808080 1px solid;
+ float: left;
+}
+
+.cke_rtl span.cke_colorbox
+{
+ float: right;
+}
+
+a.cke_colorbox
+{
+ border: #fff 1px solid;
+ padding: 2px;
+ float: left;
+}
+
+.cke_rtl a.cke_colorbox
+{
+ float: right;
+}
+
+a:hover.cke_colorbox,
+a:focus.cke_colorbox,
+a:active.cke_colorbox
+{
+ border: #316ac5 1px solid;
+ background-color: #dff1ff;
+}
+
+a.cke_colorauto,
+a.cke_colormore
+{
+ border: #fff 1px solid;
+ padding: 2px;
+ display: block;
+}
+
+a:hover.cke_colorauto,
+a:hover.cke_colormore,
+a:focus.cke_colorauto,
+a:focus.cke_colormore,
+a:active.cke_colorauto,
+a:active.cke_colormore
+{
+ border: #316ac5 1px solid;
+ background-color: #dff1ff;
+}
diff --git a/_source/skins/office2003/richcombo.css b/_source/skins/office2003/richcombo.css index d590f6f..dfe97c4 100644 --- a/_source/skins/office2003/richcombo.css +++ b/_source/skins/office2003/richcombo.css @@ -1,279 +1,289 @@ -/* Special Combo */ - -.cke_skin_office2003 .cke_rcombo -{ - display: inline-block; - margin-left: 2px; - margin-right: 2px; - margin-top: 2px; - vertical-align: top; - float: left; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rcombo -{ - #float: none; - #display: inline; -} - -.cke_skin_office2003 .cke_rtl .cke_rcombo -{ - float: right; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rcombo -{ - #float: none; -} - -.cke_skin_office2003 .cke_rcombopanel -{ - border: 1px solid #316ac5; - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - /*margin-left: 1px;*/ - /*_margin-left: 0;*/ -} - -.cke_skin_office2003 .cke_rcombo a -{ - display: inline-block; - float: left; - - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_rtl .cke_rcombo a -{ - float: right; -} - -.cke_skin_office2003 .cke_hc .cke_rcombo a -{ - filter: alpha(opacity=100); /* IE */ - opacity: 1.0; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_rcombo .cke_label -{ - display: inline-block; - float: left; - - line-height: 24px; - height: 24px; - - vertical-align: top; - padding-left: 4px; - padding-right: 5px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - - _background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - _background-position: 0 -962px; - _background-repeat: repeat-x; -} - -.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_label -{ - float: right; - padding-right: 4px; - padding-left: 5px; -} - -.cke_skin_office2003 .cke_hc .cke_rcombo .cke_label -{ - filter: alpha(opacity=100); - opacity: 1.0; -} - -.cke_skin_office2003 .cke_rcombo .cke_inline_label -{ - color: #fff; -} - -.cke_skin_office2003 .cke_rcombo .cke_text -{ - border: 1px solid #8f8f73; - background-color: #fff; - height: 14px; - width:60px; - padding-top: 4px; - padding-bottom: 4px; - padding-left: 5px; - padding-right: 5px; - text-overflow: ellipsis; - overflow: hidden; - display: inline-block; - vertical-align: top; -} - -.cke_skin_office2003 .cke_ltr .cke_rcombo .cke_text -{ - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_text -{ - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -/* Fix for IE height */ -.cke_skin_office2003 .cke_browser_iequirks .cke_rcombo .cke_text -{ - height: 22px; -} - -.cke_skin_office2003 .cke_rcombo .cke_openbutton -{ - display: inline-block; - - background-position: 5px -1002px; - background-image: url(images/sprites.png); - background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; - - border-top: 1px solid #8f8f73; - border-bottom: 1px solid #8f8f73; - width: 14px; - height: 22px; -} - -.cke_skin_office2003 .cke_ltr .cke_rcombo .cke_openbutton -{ - border-right: 1px solid #8f8f73; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_openbutton -{ - border-left: 1px solid #8f8f73; - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.cke_skin_office2003 .cke_rcombo .cke_off a:hover, -.cke_skin_office2003 .cke_rcombo .cke_off a:focus, -.cke_skin_office2003 .cke_rcombo .cke_off a:active, -.cke_skin_office2003 .cke_rcombo .cke_on a -{ - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_rcombo .cke_off a:hover .cke_text, -.cke_skin_office2003 .cke_rcombo .cke_off a:focus .cke_text, -.cke_skin_office2003 .cke_rcombo .cke_off a:active .cke_text, -.cke_skin_office2003 .cke_rcombo .cke_on .cke_text -{ - border-color: #316ac5; -} - -.cke_skin_office2003 .cke_rcombo .cke_off a:hover .cke_openbutton, -.cke_skin_office2003 .cke_rcombo .cke_off a:focus .cke_openbutton, -.cke_skin_office2003 .cke_rcombo .cke_off a:active .cke_openbutton, -.cke_skin_office2003 .cke_rcombo .cke_on .cke_openbutton -{ - border-color: #316ac5; - background-color: #dff1ff; -} - -.cke_skin_office2003 .cke_rcombo .cke_on .cke_text -{ - -moz-border-radius-bottomleft: 0px; - -webkit-border-bottom-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.cke_skin_office2003 .cke_rcombo .cke_on .cke_openbutton -{ - -moz-border-radius-bottomright: 0px; - -webkit-border-bottom-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_label -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.3; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_hc .cke_rcombo .cke_disabled .cke_label -{ - filter: alpha(opacity=70); - opacity: 0.7; -} - -.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_text, -.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_openbutton -{ - filter: alpha(opacity=50); /* IE */ - opacity: 0.5; /* Safari, Opera and Mozilla */ -} - -.cke_skin_office2003 .cke_hc .cke_rcombo .cke_disabled .cke_text, -.cke_skin_office2003 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton -{ - filter: alpha(opacity=80); - opacity: 0.8; -} - -.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_text -{ - color: #fff; -} - -/* Firefox 2 & WebKit Section */ - -.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo .cke_label, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo .cke_text, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo .cke_openbutton, -.cke_skin_office2003 .cke_browser_webkit .cke_rcombo .cke_label, -.cke_skin_office2003 .cke_browser_webkit .cke_rcombo .cke_text, -.cke_skin_office2003 .cke_browser_webkit .cke_rcombo .cke_openbutton -{ - display: block; - float: left; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton, -.cke_skin_office2003 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label, -.cke_skin_office2003 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text, -.cke_skin_office2003 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton -{ - float: right; -} - -/*** IE ***/ - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_rcombo, -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_rcombo a, -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label -{ - float: none; -} +/* Special Combo */
+
+.cke_skin_office2003 .cke_rcombo
+{
+ display: inline-block;
+ margin-left: 2px;
+ margin-right: 2px;
+ margin-top: 2px;
+ vertical-align: top;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rcombo
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_rcombo
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rcombo
+{
+ #float: none;
+}
+
+.cke_skin_office2003 .cke_rcombopanel
+{
+ border: 1px solid #316ac5;
+ -moz-border-radius-topleft: 0;
+ -webkit-border-top-left-radius: 0;
+ border-top-left-radius: 0;
+ /*margin-left: 1px;*/
+ /*_margin-left: 0;*/
+}
+
+.cke_skin_office2003 .cke_rcombo a
+{
+ display: inline-block;
+ float: left;
+
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_rtl .cke_rcombo a
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_hc .cke_rcombo a
+{
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1.0; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_label
+{
+ display: inline-block;
+ float: left;
+
+ line-height: 24px;
+ height: 24px;
+
+ vertical-align: top;
+ padding-left: 4px;
+ padding-right: 5px;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+
+ _background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ _background-position: 0 -962px;
+ _background-repeat: repeat-x;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_label
+{
+ float: right;
+ padding-right: 4px;
+ padding-left: 5px;
+}
+
+.cke_skin_office2003 .cke_hc .cke_rcombo .cke_label
+{
+ filter: alpha(opacity=100);
+ opacity: 1.0;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_inline_label
+{
+ color: #fff;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_text
+{
+ border: 1px solid #8f8f73;
+ background-color: #fff;
+ height: 14px;
+ width:60px;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 5px;
+ padding-right: 5px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.cke_skin_office2003 .cke_ltr .cke_rcombo .cke_text
+{
+ -moz-border-radius-topleft: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_text
+{
+ -moz-border-radius-topright: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+/* Fix for IE height */
+.cke_skin_office2003 .cke_browser_iequirks .cke_rcombo .cke_text
+{
+ height: 22px;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_openbutton
+{
+ display: inline-block;
+
+ background-position: 5px -1002px;
+ background-image: url(images/sprites.png);
+ background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+
+ border-top: 1px solid #8f8f73;
+ border-bottom: 1px solid #8f8f73;
+ width: 14px;
+ height: 22px;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_openbutton span
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_hc .cke_rcombo .cke_openbutton span
+{
+ display : inline;
+}
+
+.cke_skin_office2003 .cke_ltr .cke_rcombo .cke_openbutton
+{
+ border-right: 1px solid #8f8f73;
+ -moz-border-radius-topright: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_openbutton
+{
+ border-left: 1px solid #8f8f73;
+ -moz-border-radius-topleft: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_off a:hover,
+.cke_skin_office2003 .cke_rcombo .cke_off a:focus,
+.cke_skin_office2003 .cke_rcombo .cke_off a:active,
+.cke_skin_office2003 .cke_rcombo .cke_on a
+{
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_off a:hover .cke_text,
+.cke_skin_office2003 .cke_rcombo .cke_off a:focus .cke_text,
+.cke_skin_office2003 .cke_rcombo .cke_off a:active .cke_text,
+.cke_skin_office2003 .cke_rcombo .cke_on .cke_text
+{
+ border-color: #316ac5;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_off a:hover .cke_openbutton,
+.cke_skin_office2003 .cke_rcombo .cke_off a:focus .cke_openbutton,
+.cke_skin_office2003 .cke_rcombo .cke_off a:active .cke_openbutton,
+.cke_skin_office2003 .cke_rcombo .cke_on .cke_openbutton
+{
+ border-color: #316ac5;
+ background-color: #dff1ff;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_on .cke_text
+{
+ -moz-border-radius-bottomleft: 0px;
+ -webkit-border-bottom-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_on .cke_openbutton
+{
+ -moz-border-radius-bottomright: 0px;
+ -webkit-border-bottom-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_label
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.3; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_hc .cke_rcombo .cke_disabled .cke_label
+{
+ filter: alpha(opacity=70);
+ opacity: 0.7;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_openbutton
+{
+ filter: alpha(opacity=50); /* IE */
+ opacity: 0.5; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_office2003 .cke_hc .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_office2003 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton
+{
+ filter: alpha(opacity=80);
+ opacity: 0.8;
+}
+
+.cke_skin_office2003 .cke_rcombo .cke_disabled .cke_text
+{
+ color: #fff;
+}
+
+/* Firefox 2 & WebKit Section */
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo .cke_label,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo .cke_text,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rcombo .cke_openbutton,
+.cke_skin_office2003 .cke_browser_webkit .cke_rcombo .cke_label,
+.cke_skin_office2003 .cke_browser_webkit .cke_rcombo .cke_text,
+.cke_skin_office2003 .cke_browser_webkit .cke_rcombo .cke_openbutton
+{
+ display: block;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton,
+.cke_skin_office2003 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_office2003 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_office2003 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton
+{
+ float: right;
+}
+
+/*** IE ***/
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_rcombo,
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_rcombo a,
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label
+{
+ float: none;
+}
diff --git a/_source/skins/office2003/templates.css b/_source/skins/office2003/templates.css index 66c62af..22b9629 100644 --- a/_source/skins/office2003/templates.css +++ b/_source/skins/office2003/templates.css @@ -1,71 +1,81 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/** - * Styles for the "templates" plugin. - */ - -.cke_skin_office2003 .cke_tpl_list -{ - border: #dcdcdc 2px solid; - background-color: #ffffff; - overflow: auto; - width: 100%; - height: 220px; -} - -.cke_skin_office2003 .cke_tpl_item -{ - margin: 5px; - padding: 7px; - border: #eeeeee 1px solid; - *width: 88%; -} - -.cke_skin_office2003 .cke_tpl_preview -{ - border-collapse: separate; - text-indent:0; - width: 100%; -} -.cke_skin_office2003 .cke_tpl_preview td -{ - padding: 2px; - vertical-align: middle; -} -.cke_skin_office2003 .cke_tpl_preview .cke_tpl_preview_img -{ - width: 100px; -} -.cke_skin_office2003 .cke_tpl_preview span -{ - white-space: normal; -} - -.cke_skin_office2003 .cke_tpl_title -{ - font-weight: bold; -} - -.cke_skin_office2003 .cke_tpl_hover -{ - border: #ff9933 1px solid !important; - background-color: #fffacd !important; - cursor: pointer; - cursor: hand; -} -/* - * Fix property 'cursor' doesn't inherit on table - */ -.cke_skin_office2003 .cke_tpl_hover * -{ - cursor: inherit; -} - -.cke_skin_office2003 .cke_tpl_empty, .cke_tpl_loading -{ - text-align: center; - padding: 5px; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * Styles for the "templates" plugin.
+ */
+
+.cke_skin_office2003 .cke_tpl_list
+{
+ border: #dcdcdc 2px solid;
+ background-color: #ffffff;
+ overflow: auto;
+ width: 100%;
+ height: 220px;
+}
+
+.cke_skin_office2003 .cke_tpl_item
+{
+ margin: 5px;
+ padding: 7px;
+ border: #eeeeee 1px solid;
+ *width: 88%;
+}
+
+.cke_skin_office2003 .cke_tpl_preview
+{
+ border-collapse: separate;
+ text-indent:0;
+ width: 100%;
+}
+.cke_skin_office2003 .cke_tpl_preview td
+{
+ padding: 2px;
+ vertical-align: middle;
+}
+.cke_skin_office2003 .cke_tpl_preview .cke_tpl_preview_img
+{
+ width: 100px;
+}
+.cke_skin_office2003 .cke_tpl_preview span
+{
+ white-space: normal;
+}
+
+.cke_skin_office2003 .cke_tpl_title
+{
+ font-weight: bold;
+}
+
+.cke_skin_office2003 .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_office2003 .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_office2003 .cke_tpl_list a:focus .cke_tpl_item
+{
+ border: #ff9933 1px solid !important;
+ background-color: #fffacd !important;
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_office2003 .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_office2003 .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_office2003 .cke_tpl_list a:focus .cke_tpl_item
+{
+ border-width: 3px;
+}
+
+/*
+ * Fix property 'cursor' doesn't inherit on table
+ */
+.cke_skin_office2003 .cke_tpl_hover *
+{
+ cursor: inherit;
+}
+
+.cke_skin_office2003 .cke_tpl_empty, .cke_tpl_loading
+{
+ text-align: center;
+ padding: 5px;
+}
diff --git a/_source/skins/office2003/toolbar.css b/_source/skins/office2003/toolbar.css index dc2f7d5..0ba389e 100644 --- a/_source/skins/office2003/toolbar.css +++ b/_source/skins/office2003/toolbar.css @@ -1,460 +1,475 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -@media print -{ - .cke_skin_office2003 .cke_toolbox - { - display: none; - } -} - -.cke_skin_office2003 .cke_browser_webkit .cke_toolbox, -.cke_skin_office2003 .cke_browser_webkit .cke_toolbox > span -{ - white-space: normal; -} - -.cke_skin_office2003 a.cke_toolbox_collapser, -.cke_skin_office2003 a:hover.cke_toolbox_collapser -{ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 3px -1026px; /* +3px +4px */ - background-repeat: no-repeat; - width: 11px; - height: 11px; - float: right; - border: outset 1px; - margin: 11px 2px 2px; - cursor: pointer; -} - -.cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser, -.cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser -{ - float: left; -} - -.cke_skin_office2003 a.cke_toolbox_collapser_min, -.cke_skin_office2003 a:hover.cke_toolbox_collapser_min -{ - /* arrowleft.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 4px -1047px; /* +4px +3px */ - background-repeat: no-repeat; - margin: 2px; -} - -.cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser_min, -.cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser_min -{ - /* arrowright.gif*/ - background-position: 4px -1068px; /* +2px +3px */ -} - -.cke_skin_office2003 .cke_toolbar -{ - background-color: #d6dff7; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -962px; - background-repeat: repeat-x; - display: inline-block; - float: left; -} - -.cke_skin_office2003 .cke_rtl .cke_toolbar -{ - float: right; -} - -.cke_skin_office2003 .cke_toolgroup -{ - display: inline-block; - float: left; - height: 28px; -} - -.cke_skin_office2003 .cke_browser_ie .cke_toolgroup -{ - #float: none; - #display: inline; -} - -.cke_skin_office2003 .cke_rtl .cke_toolgroup -{ - float: right; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup -{ - #float: none; -} - -.cke_skin_office2003 .cke_separator -{ - display: inline-block; - float: left; - border-left: solid 1px #B2CBFF; - margin: 6px 2px; - height: 16px; -} - -.cke_skin_office2003 .cke_browser_ie .cke_separator -{ - #float: none; - #display: inline; -} - -.cke_skin_office2003 .cke_rtl .cke_separator -{ - float: right; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator -{ - #float: none; -} - -.cke_skin_office2003 .cke_break -{ - clear: left; -} - -.cke_skin_office2003 .cke_rtl .cke_break -{ - clear: right; -} - -.cke_skin_office2003 .cke_toolbar_start -{ - display: inline-block; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; - background-position: -27px -765px; - width: 10px; - height: 28px; - float: left; -} - -.cke_skin_office2003 .cke_browser_ie .cke_toolbar_start -{ - #float: none; - #display: inline; -} - -.cke_skin_office2003 .cke_rtl .cke_toolbar_start -{ - background-position: -27px -816px; - float: right; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start -{ - #float: none; -} - -.cke_skin_office2003 .cke_toolbar_end -{ - display: inline-block; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; - background-position: -29px -861px; - width: 4px; - height: 28px; - float: left; -} - -.cke_skin_office2003 .cke_browser_ie .cke_toolbar_end -{ - #float: none; - #display: inline; -} - -.cke_skin_office2003 .cke_rtl .cke_toolbar_end -{ - background-position: -29px -907px; - float: right; -} - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end -{ - #float: none; -} - -.cke_skin_office2003 .cke_button a, -.cke_skin_office2003 .cke_button a:hover, -.cke_skin_office2003 .cke_button a:focus, -.cke_skin_office2003 .cke_button a:active, -.cke_skin_office2003 .cke_button a.cke_off -{ - border: solid 1px transparent; - border-radius: 3px; - outline: none; - padding-top: 2px; - padding-left: 4px; - padding-right: 4px; - padding-bottom: 2px; - margin-top: 2px; - height: 18px; - vertical-align: top; - - _border: none; - _margin: 3px 1px 1px 1px; - cursor: default; - display: inline-block; -} - -.cke_skin_office2003 .cke_button a, -.cke_skin_office2003 .cke_button a.cke_off -{ - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} - -.cke_skin_office2003 .cke_hc .cke_button a, -.cke_skin_office2003 .cke_hc .cke_button a.cke_off -{ - opacity: 1.0; - filter: alpha(opacity=100); -} - -.cke_skin_office2003 .cke_button a.cke_on -{ - border: solid 1px #316ac5; - background-color: #c1d2ee; - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ - - _margin: 2px 0 0 0; -} - -.cke_skin_office2003 .cke_hc .cke_button a.cke_on -{ - padding: 0 2px !important; - border-width: 3px; -} - -.cke_skin_office2003 .cke_button a.cke_disabled, -.cke_skin_office2003 .cke_button a:hover.cke_disabled, -.cke_skin_office2003 .cke_button a:focus.cke_disabled, -.cke_skin_office2003 .cke_button a:active.cke_disabled -{ - border: solid 1px transparent; - filter: alpha(opacity=30); /* IE */ - opacity : 0.3; /* Safari, Opera and Mozilla */ - vertical-align: top; - - _border: none; - _margin: 3px 1px 1px 1px; -} - -.cke_skin_office2003 .cke_hc .cke_button a.cke_disabled, -.cke_skin_office2003 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled -{ - filter: alpha(opacity=60); - opacity: 0.6; -} - -.cke_skin_office2003 .cke_button a:hover.cke_on, -.cke_skin_office2003 .cke_button a:focus.cke_on, -.cke_skin_office2003 .cke_button a:active.cke_on, /* IE */ -.cke_skin_office2003 .cke_button a:hover.cke_off, -.cke_skin_office2003 .cke_button a:focus.cke_off, -.cke_skin_office2003 .cke_button a:active.cke_off /* IE */ -{ - border: solid 1px #316ac5; - background-color: #dff1ff; - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ - vertical-align: top; - - _margin: 2px 0 0 0; - padding: 2px 4px; -} - -.cke_skin_office2003 .cke_hc .cke_button a:hover.cke_on, -.cke_skin_office2003 .cke_hc .cke_button a:focus.cke_on, -.cke_skin_office2003 .cke_hc .cke_button a:active.cke_on, /* IE */ -.cke_skin_office2003 .cke_hc .cke_button a:hover.cke_off, -.cke_skin_office2003 .cke_hc .cke_button a:focus.cke_off, -.cke_skin_office2003 .cke_hc .cke_button a:active.cke_off /* IE */ -{ - padding: 0 2px !important; - border-width: 3px; -} - -.cke_skin_office2003 .cke_button .cke_icon -{ - background-image: url(icons.png); - background-position: 100px; - background-repeat:no-repeat; - margin-top:1px; - width: 16px; - height: 16px; - display: inline-block; -} - -.cke_skin_office2003 .cke_button .cke_label -{ - display: none; - padding-left: 3px; - vertical-align: 3px; - cursor: default; - - _background-image: url(images/sprites_ie6.png); - _background-position: 0 -970px; - _background-repeat: repeat-x; -} - -.cke_skin_office2003 .cke_button a:hover .cke_label -{ - _background-color: #dff1ff; - _background-image: none; -} - -.cke_skin_office2003 .cke_button a.cke_on .cke_label -{ - _background-color: #c1d2ee; - _background-image: none; -} - -.cke_skin_office2003 .cke_hc .cke_button .cke_label -{ - padding: 0; - display: inline-block; -} - -.cke_skin_office2003 .cke_hc .cke_button .cke_icon -{ - display: none; -} - -.cke_skin_office2003 .cke_accessibility -{ - position: absolute; - display: block; - width: 0; - height: 0; - overflow: hidden; -} - -.cke_skin_office2003 .cke_button .cke_buttonarrow -{ - display: inline-block; - height: 18px; - width: 8px; - background-position: 2px -1004px; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; -} - -.cke_skin_office2003 .cke_rtl .cke_button .cke_buttonarrow -{ - background-position: 0 -1004px; -} - -/*** Firefox 2 ***/ - -.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar, -.cke_skin_office2003 .cke_browser_gecko18 .cke_button a, -.cke_skin_office2003 .cke_browser_gecko18 .cke_button a.cke_off, -.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_icon, -.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_buttonarrow, -.cke_skin_office2003 .cke_browser_gecko18 .cke_separator, -.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_start, -.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_end -{ - display: block; - float: left; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon -{ - display: none; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_separator, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_end -{ - float: right; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label, -.cke_skin_office2003 .cke_browser_gecko18 .cke_break -{ - float: left; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl span.cke_inline_label -{ - float: right; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label, -.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_break -{ - float: right; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_separator -{ - margin-top: 4px; -} - -.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label -{ - padding-top: 3px; -} - -/*** IE6 ***/ - -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup, -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator, -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start, -.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end -{ - float: none; -} - -/*** IE8 ***/ - -.cke_skin_office2003 .cke_browser_ie8 .cke_toolbar, -.cke_skin_office2003 .cke_browser_ie8 .cke_toolgroup -{ - vertical-align: top; -} - -.cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar, -.cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup -{ - /* revert previous */ - vertical-align: baseline; -} - -/* Separator + Combo penetrate toolbar in IE quirks. (#4461) */ -.cke_skin_office2003 .cke_browser_iequirks .cke_separator -{ - vertical-align: text-bottom; -} -/* Fix cursor shape consistency on toolbar combos (#4031) */ -.cke_skin_office2003 .cke_browser_ie .cke_rcombo, -.cke_skin_office2003 .cke_browser_ie .cke_rcombo * -{ - cursor: default; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+ .cke_skin_office2003 .cke_toolbox
+ {
+ display: none;
+ }
+}
+
+.cke_skin_office2003 .cke_browser_webkit .cke_toolbox,
+.cke_skin_office2003 .cke_browser_webkit .cke_toolbox > span
+{
+ white-space: normal;
+}
+
+.cke_skin_office2003 a.cke_toolbox_collapser,
+.cke_skin_office2003 a:hover.cke_toolbox_collapser
+{
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 3px -1026px; /* +3px +4px */
+ background-repeat: no-repeat;
+ width: 11px;
+ height: 11px;
+ float: right;
+ border: outset 1px;
+ margin: 11px 2px 2px;
+ cursor: pointer;
+}
+
+.cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser,
+.cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser
+{
+ float: left;
+}
+
+.cke_skin_office2003 a.cke_toolbox_collapser span
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_hc a.cke_toolbox_collapser span
+{
+ font-size: 10px;
+ font-weight: bold;
+ font-family: Arial;
+ display: inline;
+}
+
+.cke_skin_office2003 a.cke_toolbox_collapser_min,
+.cke_skin_office2003 a:hover.cke_toolbox_collapser_min
+{
+ /* arrowleft.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 4px -1047px; /* +4px +3px */
+ background-repeat: no-repeat;
+ margin: 2px;
+}
+
+.cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser_min,
+.cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser_min
+{
+ /* arrowright.gif*/
+ background-position: 4px -1068px; /* +2px +3px */
+}
+
+.cke_skin_office2003 .cke_toolbar
+{
+ background-color: #d6dff7;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -962px;
+ background-repeat: repeat-x;
+ display: inline-block;
+ float: left;
+ !height: 28px;
+ !line-height: 28px;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_toolbar
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_toolgroup
+{
+ display: inline-block;
+ float: left;
+ height: 28px;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_toolgroup
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_toolgroup
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup
+{
+ #float: none;
+}
+
+.cke_skin_office2003 .cke_separator
+{
+ display: inline-block;
+ float: left;
+ border-left: solid 1px #B2CBFF;
+ margin: 6px 2px;
+ height: 16px;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_separator
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_separator
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator
+{
+ #float: none;
+}
+
+.cke_skin_office2003 .cke_break
+{
+ clear: left;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_break
+{
+ clear: right;
+}
+
+.cke_skin_office2003 .cke_toolbar_start
+{
+ display: inline-block;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+ background-position: -27px -765px;
+ width: 10px;
+ height: 28px;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_toolbar_start
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_toolbar_start
+{
+ background-position: -27px -816px;
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start
+{
+ #float: none;
+}
+
+.cke_skin_office2003 .cke_toolbar_end
+{
+ display: inline-block;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+ background-position: -29px -861px;
+ width: 4px;
+ height: 28px;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_toolbar_end
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_toolbar_end
+{
+ background-position: -29px -907px;
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end
+{
+ #float: none;
+}
+
+.cke_skin_office2003 .cke_button a,
+.cke_skin_office2003 .cke_button a:hover,
+.cke_skin_office2003 .cke_button a:focus,
+.cke_skin_office2003 .cke_button a:active,
+.cke_skin_office2003 .cke_button a.cke_off
+{
+ border: solid 1px transparent;
+ border-radius: 3px;
+ outline: none;
+ padding-top: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+ padding-bottom: 2px;
+ margin-top: 2px;
+ height: 18px;
+ vertical-align: top;
+
+ _border: none;
+ _margin: 3px 1px 1px 1px;
+ cursor: default;
+ display: inline-block;
+}
+
+.cke_skin_office2003 .cke_button a,
+.cke_skin_office2003 .cke_button a.cke_off
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+}
+
+.cke_skin_office2003 .cke_hc .cke_button a,
+.cke_skin_office2003 .cke_hc .cke_button a.cke_off
+{
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+}
+
+.cke_skin_office2003 .cke_button a.cke_on
+{
+ border: solid 1px #316ac5;
+ background-color: #c1d2ee;
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+
+ _margin: 2px 0 0 0;
+}
+
+.cke_skin_office2003 .cke_hc .cke_button a.cke_on
+{
+ padding: 0 2px !important;
+ border-width: 3px;
+}
+
+.cke_skin_office2003 .cke_button a.cke_disabled,
+.cke_skin_office2003 .cke_button a:hover.cke_disabled,
+.cke_skin_office2003 .cke_button a:focus.cke_disabled,
+.cke_skin_office2003 .cke_button a:active.cke_disabled
+{
+ border: solid 1px transparent;
+ filter: alpha(opacity=30); /* IE */
+ opacity : 0.3; /* Safari, Opera and Mozilla */
+ vertical-align: top;
+
+ _border: none;
+ _margin: 3px 1px 1px 1px;
+}
+
+.cke_skin_office2003 .cke_hc .cke_button a.cke_disabled,
+.cke_skin_office2003 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled
+{
+ filter: alpha(opacity=60);
+ opacity: 0.6;
+}
+
+.cke_skin_office2003 .cke_button a:hover.cke_on,
+.cke_skin_office2003 .cke_button a:focus.cke_on,
+.cke_skin_office2003 .cke_button a:active.cke_on, /* IE */
+.cke_skin_office2003 .cke_button a:hover.cke_off,
+.cke_skin_office2003 .cke_button a:focus.cke_off,
+.cke_skin_office2003 .cke_button a:active.cke_off /* IE */
+{
+ border: solid 1px #316ac5;
+ background-color: #dff1ff;
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+ vertical-align: top;
+
+ _margin: 2px 0 0 0;
+ padding: 2px 4px;
+}
+
+.cke_skin_office2003 .cke_hc .cke_button a:hover.cke_on,
+.cke_skin_office2003 .cke_hc .cke_button a:focus.cke_on,
+.cke_skin_office2003 .cke_hc .cke_button a:active.cke_on, /* IE */
+.cke_skin_office2003 .cke_hc .cke_button a:hover.cke_off,
+.cke_skin_office2003 .cke_hc .cke_button a:focus.cke_off,
+.cke_skin_office2003 .cke_hc .cke_button a:active.cke_off /* IE */
+{
+ padding: 0 2px !important;
+ border-width: 3px;
+}
+
+.cke_skin_office2003 .cke_button .cke_icon
+{
+ background-image: url(icons.png);
+ background-position: 100px;
+ background-repeat:no-repeat;
+ margin-top:1px;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+}
+
+.cke_skin_office2003 .cke_button .cke_label
+{
+ display: none;
+ padding-left: 3px;
+ vertical-align: 3px;
+ cursor: default;
+
+ _background-image: url(images/sprites_ie6.png);
+ _background-position: 0 -970px;
+ _background-repeat: repeat-x;
+}
+
+.cke_skin_office2003 .cke_button a:hover .cke_label
+{
+ _background-color: #dff1ff;
+ _background-image: none;
+}
+
+.cke_skin_office2003 .cke_button a.cke_on .cke_label
+{
+ _background-color: #c1d2ee;
+ _background-image: none;
+}
+
+.cke_skin_office2003 .cke_hc .cke_button .cke_label
+{
+ padding: 0;
+ display: inline-block;
+}
+
+.cke_skin_office2003 .cke_hc .cke_button .cke_icon
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_accessibility
+{
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+.cke_skin_office2003 .cke_button .cke_buttonarrow
+{
+ display: inline-block;
+ height: 18px;
+ width: 8px;
+ background-position: 2px -1004px;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+}
+
+.cke_skin_office2003 .cke_rtl .cke_button .cke_buttonarrow
+{
+ background-position: 0 -1004px;
+}
+
+/*** Firefox 2 ***/
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_button a,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_button a.cke_off,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_icon,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_buttonarrow,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_separator,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_start,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_end
+{
+ display: block;
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon
+{
+ display: none;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_separator,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_end
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_break
+{
+ float: left;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl span.cke_inline_label
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,
+.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_break
+{
+ float: right;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_separator
+{
+ margin-top: 4px;
+}
+
+.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label
+{
+ padding-top: 3px;
+}
+
+/*** IE6 ***/
+
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup,
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator,
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start,
+.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end
+{
+ float: none;
+}
+
+/*** IE8 ***/
+
+.cke_skin_office2003 .cke_browser_ie8 .cke_toolbar,
+.cke_skin_office2003 .cke_browser_ie8 .cke_toolgroup
+{
+ vertical-align: top;
+}
+
+.cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,
+.cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup
+{
+ /* revert previous */
+ vertical-align: baseline;
+}
+
+/* Separator + Combo penetrate toolbar in IE quirks. (#4461) */
+.cke_skin_office2003 .cke_browser_iequirks .cke_separator
+{
+ vertical-align: text-bottom;
+}
+/* Fix cursor shape consistency on toolbar combos (#4031) */
+.cke_skin_office2003 .cke_browser_ie .cke_rcombo,
+.cke_skin_office2003 .cke_browser_ie .cke_rcombo *
+{
+ cursor: default;
+}
diff --git a/_source/skins/v2/dialog.css b/_source/skins/v2/dialog.css index 23c56ff..7390c7d 100644 --- a/_source/skins/v2/dialog.css +++ b/_source/skins/v2/dialog.css @@ -1,672 +1,743 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/* Restore the dialog visibility */ -body .cke_dialog -{ - visibility: visible; -} - -/* Force Gecko to consider table as positioned */ -.cke_skin_v2 table.cke_dialog.cke_browser_gecko -{ - display:block; -} - -.cke_skin_v2 .cke_dialog_body -{ - margin-left: 16px; - margin-right: 16px; - margin-top: 2px; - margin-bottom: 20px; - 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_v2 .cke_dialog_tl, -.cke_skin_v2 .cke_dialog_tr, -.cke_skin_v2 .cke_dialog_tc, -.cke_skin_v2 .cke_dialog_bl, -.cke_skin_v2 .cke_dialog_br, -.cke_skin_v2 .cke_dialog_bc -{ - background-image: url(images/sprites.png); - background-repeat: no-repeat; - position: absolute; - - /* 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_v2 .cke_dialog_tl -{ - background-position: -16px -16px; - height: 16px; - width: 16px; - top: 0; - left: 0; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_tl -{ - background-position: -16px -397px; -} - -.cke_skin_v2 .cke_dialog_tr -{ - background-position: -16px -76px; - height: 16px; - width: 16px; - top: 0; - right: 0; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_tr -{ - background-position: -16px -457px; -} - -.cke_skin_v2 .cke_dialog_tc -{ - background-position: 0 -136px; - background-repeat: repeat-x; - height: 16px; - top: 0; - left: 16px; - right: 16px; -} - -.cke_skin_v2 .cke_dialog_bl -{ - background-position: -16px -196px; - height: 51px; - width: 30px; - bottom: 0; - left: 0; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_bl -{ - background-position: -16px -517px; -} - -.cke_skin_v2 .cke_dialog_br -{ - background-position: -16px -263px; - height: 51px; - width: 30px; - bottom: 0; - right: 0; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_br -{ - background-position: -16px -584px; -} - -.cke_skin_v2 .cke_dialog_bc -{ - background-position: 0 -330px; - background-repeat: repeat-x; - height: 51px; - bottom: 0; - left: 30px; - right: 30px; -} - -.cke_skin_v2 .cke_dialog_ml, -.cke_skin_v2 .cke_dialog_mr -{ - background-image: url(images/dialog_sides.png); - background-repeat: repeat-y; - position: absolute; - width: 16px; - top: 16px; - bottom: 51px; - - /* IE6 does not support full color transparent PNG. */ - _background-image: url(images/dialog_sides.gif); - - /* IE quirks gets confused when we have both top and bottom. */ - _top: auto; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_ml, -.cke_skin_v2 .cke_rtl .cke_dialog_mr -{ - background-image: url(images/dialog_sides_rtl.png); - - /* IE6 does not support full color transparent PNG. */ - _background-image: url(images/dialog_sides.gif); -} - -.cke_skin_v2 .cke_dialog_ml -{ - background-position: 0 0; - left: 0; -} - -.cke_skin_v2 .cke_dialog_mr -{ - background-position: -16px 0; - right: 0; -} - -.cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml, -.cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr -{ - margin-top: 3px; -} - -.cke_skin_v2 .cke_dialog_title -{ - font-weight: bold; - font-size: 14pt; - color: #737357; - background-color: #e3e3c7; - padding: 3px 10px 26px 10px; - cursor: move; - position: relative; -} - -.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title -{ - position: static !important; - unicode-bidi: bidi-override; -} - -.cke_skin_v2 .cke_dialog_contents -{ - background-color: #f1f1e3; - border: #d5d59d 1px solid; - overflow: auto; - padding: 5px 10px; -} - -.cke_skin_v2 .cke_dialog_footer -{ - background-color: #e3e3c7; - text-align: right; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_footer -{ - text-align: left; -} - -/* tabs */ - -.cke_skin_v2 .cke_dialog_tabs -{ - height: 23px; - background-color: #e3e3c7; - display: inline-block; - margin-left:10px; - margin-right:10px; - margin-top:-23px; - position: absolute; - z-index: 2; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_tabs -{ - right: 10px; -} - -.cke_skin_v2 a.cke_dialog_tab, -.cke_skin_v2 a:link.cke_dialog_tab, -.cke_skin_v2 a:active.cke_dialog_tab, -.cke_skin_v2 a:hover.cke_dialog_tab, -.cke_skin_v2 a:visited.cke_dialog_tab -{ - color: #737357; - border-left: 1px solid #d5d59d; - border-right: 1px solid #d5d59d; - border-top: 1px solid #d5d59d; - height: 14px; - padding: 4px 5px; - display: inline-block; - cursor: pointer; -} - -/* Gecko 1.8 layout workaround. */ -.cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab, -.cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab, -.cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab, -.cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab, -.cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab -{ - display: inline; - position: relative; - top: 6px; -} - -.cke_skin_v2 a:hover.cke_dialog_tab -{ - background-color: #f1f1e3; -} - -.cke_skin_v2 a.cke_dialog_tab_selected, -.cke_skin_v2 a:link.cke_dialog_tab_selected, -.cke_skin_v2 a:active.cke_dialog_tab_selected, -.cke_skin_v2 a:hover.cke_dialog_tab_selected, -.cke_skin_v2 a:visited.cke_dialog_tab_selected -{ - border-bottom: 1px solid #f1f1e3; - background-color: #f1f1e3; - font-weight: bold; - cursor: default; -} - -/* single_page */ - -.cke_skin_v2 .cke_single_page .cke_dialog_tabs -{ - display: none; -} - -.cke_skin_v2 .cke_single_page .cke_dialog_title -{ - padding-bottom: 3px; -} - -.cke_skin_v2 .cke_dialog_ui_vbox table, -.cke_skin_v2 .cke_dialog_ui_hbox table -{ - margin: auto; -} - -.cke_skin_v2 .cke_dialog_ui_vbox_child -{ - padding: 5px 0px; -} - -.cke_skin_v2 input.cke_dialog_ui_input_text, -.cke_skin_v2 input.cke_dialog_ui_input_password -{ - background-color: white; - border: none; - padding: 0px; - width: 100%; - height: 14px; -} - -.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; -} - -.cke_skin_v2 textarea.cke_dialog_ui_input_textarea -{ - background-color: white; - border: none; - padding: 0px; - width: 100%; - /* - * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden. - * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users. - */ - _width: 99%; - overflow: auto; - resize: none; -} - -.cke_skin_v2 div.cke_dialog_ui_input_textarea -{ - background-color: white; - border: 1px solid #a0a0a0; - padding: 1px 0px; -} - -.cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content * -{ - background-color : #a0a0a0; - cursor : default; -} - -.cke_skin_v2 .cke_dialog_ui_hbox -{ - width: 100%; -} - -.cke_skin_v2 .cke_dialog_ui_hbox_first, -.cke_skin_v2 .cke_dialog_ui_hbox_child, -.cke_skin_v2 .cke_dialog_ui_hbox_last -{ - vertical-align: top; -} - -.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first, -.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child -{ - padding-right: 10px; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first, -.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child -{ - padding-left: 10px; -} - -/* button */ - -.cke_skin_v2 a.cke_dialog_ui_button -{ - border-collapse: separate; - cursor: default; -} - -.cke_skin_v2 span.cke_dialog_ui_button -{ - border: #737357 1px solid; - padding: 2px 10px; - text-align: center; - color: #3b3b1f; - background-color: #c7c78f; - display: inline-block; - cursor: default; -} - -/* Gecko 1.8 does not support display: inline-block */ -.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - display: block; -} - -.cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled -{ - border: #898980 1px solid; - color: #5e5e55; - background-color: #c5c5b3; -} - -.cke_skin_v2 a:focus span.cke_dialog_ui_button, -.cke_skin_v2 a:active span.cke_dialog_ui_button -{ - background-color: #e3e3c7; -} - -.cke_skin_v2 .cke_dialog_footer_buttons -{ - display: inline-table; - margin-right: 12px; - margin-left: 12px; - width: auto; - position: relative; -} - -/* Gecko 1.8 does not support for display: inline-table */ -.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons -{ - display: inline; -} - -.cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button -{ - width: 60px; - margin: 7px 0; -} - -.cke_skin_v2 strong -{ - font-weight: bold; -} - -/* close_button */ - -.cke_skin_v2 .cke_dialog_close_button -{ - background-image: url(images/sprites.png); - background-repeat: no-repeat; - background-position: -16px -651px; - position: absolute; - cursor: pointer; - text-align: center; - height: 20px; - width: 20px; - top: 5px; - - /* IE6 does not support full color transparent PNG. */ - _background-image: url(images/sprites_ie6.png); -} - -.cke_skin_v2 .cke_dialog_close_button span -{ - display: none; -} - -.cke_skin_v2 .cke_dialog_close_button:hover -{ - background-position: -16px -687px; -} - -.cke_skin_v2 .cke_ltr .cke_dialog_close_button -{ - right: 10px; - _right: 22px; -} - -.cke_skin_v2 .cke_rtl .cke_dialog_close_button -{ - left: 10px; - _left: 16px; - _top: 7px; -} - -.cke_skin_v2 .cke_browser_ie6.cke_rtl .cke_dialog_close_button -{ - position: relative; - float: left; - margin-top: -55px; - margin-left: -7px; -} - -.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button -{ - margin-top: -32px; -} - -.cke_skin_v2 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button -{ - margin-top: 0; -} - -.cke_skin_v2 .cke_dialog_ui_input_select -{ - border: 1px solid #a0a0a0; - background-color: white; -} - -.cke_skin_v2 iframe.cke_dialog_ui_input_file -{ - width: 100%; - height: 25px; -} - -/* - * Some utility CSS classes for dialog authors. - */ -.cke_skin_v2 .cke_dialog .cke_dark_background -{ - background-color: #eaead1; -} - -.cke_skin_v2 .cke_dialog .cke_hand -{ - cursor: pointer; -} - -.cke_skin_v2 .cke_dialog .cke_centered -{ - text-align: center; -} - -.cke_skin_v2 .cke_dialog a.cke_btn_reset -{ - float: right; - background-position: 0 -32px; - background-image: url(images/mini.gif); - width: 16px; - height: 16px; - background-repeat: no-repeat; - border: 1px none; - font-size: 1px; -} - -.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset -{ - float: left; -} - -.cke_skin_v2 .cke_dialog a.cke_btn_locked, -.cke_skin_v2 .cke_dialog a.cke_btn_unlocked -{ - float: left; - background-position: 0 0; - background-image: url(images/mini.gif); - width: 16px; - height: 16px; - background-repeat: no-repeat; - border: none 1px; - font-size: 1px; -} - -.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked, -.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked -{ - float: right; -} - -.cke_skin_v2 .cke_dialog a.cke_btn_unlocked -{ - background-position: 0 -16px; - background-image: url(images/mini.gif); -} - -.cke_skin_v2 .cke_dialog .cke_btn_over -{ - border: outset 1px; - cursor: pointer; - cursor: hand; -} - -.cke_skin_v2 .cke_dialog #ImagePreviewBox -{ - white-space : normal; - border : 2px ridge black; - overflow : scroll; - height : 160px; - width : 230px; - padding : 2px; - background-color : white; -} -.cke_skin_v2 .cke_dialog #ImagePreviewLoader -{ - position: absolute; - white-space : normal; - overflow : hidden; - height : 160px; - width : 230px; - margin : 2px; - padding : 2px; - opacity : 0.9; - filter : alpha(opacity=90); - - background-color : #e4e4e4; -} - -.cke_skin_v2 .cke_dialog #FlashPreviewBox -{ - white-space : normal; - border : 2px ridge black; - overflow : auto; - height : 160px; - width : 390px; - padding : 2px; - background-color : white; -} - -.cke_skin_v2 .cke_dialog .cke_dark_background -{ - text-align : center; - background-color: #eaead1; - font-size : 14px; -} - -.cke_skin_v2 .cke_dialog .cke_light_background -{ - text-align : center; - background-color: #ffffbe; -} - -.cke_skin_v2 .cke_dialog .cke_hand -{ - cursor: pointer; - cursor: hand; -} - -.cke_skin_v2 .cke_disabled -{ - color: #a0a0a0; -} - -/* High Contrast Mode */ -.cke_skin_v2 .cke_hc .cke_dialog_title, -.cke_skin_v2 .cke_hc .cke_dialog_tabs, -.cke_skin_v2 .cke_hc .cke_dialog_contents, -.cke_skin_v2 .cke_hc .cke_dialog_footer -{ - border-left: 1px solid; - border-right: 1px solid; -} - -.cke_skin_v2 .cke_hc .cke_dialog_title -{ - border-top: 1px solid; -} - -.cke_skin_v2 .cke_hc .cke_dialog_footer -{ - border-bottom: 1px solid; -} - -.cke_skin_v2 .cke_hc .cke_dialog_close_button span -{ - display: inline; - cursor: pointer; - cursor: hand; - font-weight: bold; - position: relative; - top: 3px; -} -.cke_skin_v2 .cke_hc a.cke_btn_locked, -.cke_skin_v2 .cke_hc a.cke_btn_unlocked, -.cke_skin_v2 .cke_hc a.cke_btn_reset -{ - border-style: solid; -} - -.cke_skin_v2 a.cke_smile img -{ - /* IE6 does not support transparent borders */ - border: 2px solid #eaead1; -} - -.cke_skin_v2 a.cke_smile:focus img, -.cke_skin_v2 a.cke_smile:active img, -.cke_skin_v2 a.cke_smile:hover img -{ - border-color: #C7C78F; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/* Restore the dialog visibility */
+body .cke_dialog
+{
+ visibility: visible;
+}
+
+/* Force Gecko to consider table as positioned */
+.cke_skin_v2 table.cke_dialog.cke_browser_gecko
+{
+ display:block;
+}
+
+.cke_skin_v2 .cke_dialog_body
+{
+ margin-left: 16px;
+ margin-right: 16px;
+ margin-top: 2px;
+ margin-bottom: 20px;
+ 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_v2 .cke_dialog_tl,
+.cke_skin_v2 .cke_dialog_tr,
+.cke_skin_v2 .cke_dialog_tc,
+.cke_skin_v2 .cke_dialog_bl,
+.cke_skin_v2 .cke_dialog_br,
+.cke_skin_v2 .cke_dialog_bc
+{
+ background-image: url(images/sprites.png);
+ background-repeat: no-repeat;
+ position: absolute;
+
+ /* 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_v2 .cke_dialog_tl
+{
+ background-position: -16px -16px;
+ height: 16px;
+ width: 16px;
+ top: 0;
+ left: 0;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_tl
+{
+ background-position: -16px -397px;
+}
+
+.cke_skin_v2 .cke_dialog_tr
+{
+ background-position: -16px -76px;
+ height: 16px;
+ width: 16px;
+ top: 0;
+ right: 0;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_tr
+{
+ background-position: -16px -457px;
+}
+
+.cke_skin_v2 .cke_dialog_tc
+{
+ background-position: 0 -136px;
+ background-repeat: repeat-x;
+ height: 16px;
+ top: 0;
+ left: 16px;
+ right: 16px;
+}
+
+.cke_skin_v2 .cke_dialog_bl
+{
+ background-position: -16px -196px;
+ height: 51px;
+ width: 30px;
+ bottom: 0;
+ left: 0;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_bl
+{
+ background-position: -16px -517px;
+}
+
+.cke_skin_v2 .cke_dialog_br
+{
+ background-position: -16px -263px;
+ height: 51px;
+ width: 30px;
+ bottom: 0;
+ right: 0;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_br
+{
+ background-position: -16px -584px;
+}
+
+.cke_skin_v2 .cke_dialog_bc
+{
+ background-position: 0 -330px;
+ background-repeat: repeat-x;
+ height: 51px;
+ bottom: 0;
+ left: 30px;
+ right: 30px;
+}
+
+.cke_skin_v2 .cke_dialog_ml,
+.cke_skin_v2 .cke_dialog_mr
+{
+ background-image: url(images/dialog_sides.png);
+ background-repeat: repeat-y;
+ position: absolute;
+ width: 16px;
+ top: 16px;
+ bottom: 51px;
+
+ /* IE6 does not support full color transparent PNG. */
+ _background-image: url(images/dialog_sides.gif);
+
+ /* IE quirks gets confused when we have both top and bottom. */
+ _top: auto;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_ml,
+.cke_skin_v2 .cke_rtl .cke_dialog_mr
+{
+ background-image: url(images/dialog_sides_rtl.png);
+
+ /* IE6 does not support full color transparent PNG. */
+ _background-image: url(images/dialog_sides.gif);
+}
+
+.cke_skin_v2 .cke_dialog_ml
+{
+ background-position: 0 0;
+ left: 0;
+}
+
+.cke_skin_v2 .cke_dialog_mr
+{
+ background-position: -16px 0;
+ right: 0;
+}
+
+.cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml,
+.cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr
+{
+ margin-top: 3px;
+}
+
+.cke_skin_v2 .cke_dialog_title
+{
+ font-weight: bold;
+ font-size: 14pt;
+ color: #737357;
+ background-color: #e3e3c7;
+ padding: 3px 10px 26px 10px;
+ cursor: move;
+ position: relative;
+}
+
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title
+{
+ position: static !important;
+ unicode-bidi: bidi-override;
+}
+
+.cke_skin_v2 .cke_dialog_contents
+{
+ background-color: #f1f1e3;
+ border: #d5d59d 1px solid;
+ overflow: auto;
+ padding: 5px 10px;
+}
+
+.cke_skin_v2 .cke_dialog_footer
+{
+ background-color: #e3e3c7;
+ text-align: right;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_footer
+{
+ text-align: left;
+}
+
+/* tabs */
+
+.cke_skin_v2 .cke_dialog_tabs
+{
+ height: 23px;
+ background-color: #e3e3c7;
+ display: inline-block;
+ margin-left:10px;
+ margin-right:10px;
+ margin-top:-23px;
+ position: absolute;
+ z-index: 2;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_tabs
+{
+ right: 10px;
+}
+
+.cke_skin_v2 a.cke_dialog_tab,
+.cke_skin_v2 a:link.cke_dialog_tab,
+.cke_skin_v2 a:active.cke_dialog_tab,
+.cke_skin_v2 a:hover.cke_dialog_tab,
+.cke_skin_v2 a:visited.cke_dialog_tab
+{
+ color: #737357;
+ border-left: 1px solid #d5d59d;
+ border-right: 1px solid #d5d59d;
+ border-top: 1px solid #d5d59d;
+ height: 14px;
+ padding: 4px 5px;
+ display: inline-block;
+ cursor: pointer;
+}
+
+/* Gecko 1.8 layout workaround. */
+.cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab,
+.cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab,
+.cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab,
+.cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab,
+.cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab
+{
+ display: inline;
+ position: relative;
+ top: 6px;
+}
+
+.cke_skin_v2 a:hover.cke_dialog_tab
+{
+ background-color: #f1f1e3;
+}
+
+.cke_skin_v2 .cke_hc a:hover.cke_dialog_tab
+{
+ padding: 2px 3px !important;
+ border-width: 3px;
+}
+
+.cke_skin_v2 a.cke_dialog_tab_selected,
+.cke_skin_v2 a:link.cke_dialog_tab_selected,
+.cke_skin_v2 a:active.cke_dialog_tab_selected,
+.cke_skin_v2 a:hover.cke_dialog_tab_selected,
+.cke_skin_v2 a:visited.cke_dialog_tab_selected
+{
+ border-bottom: 1px solid #f1f1e3;
+ background-color: #f1f1e3;
+ font-weight: bold;
+ cursor: default;
+}
+
+.cke_skin_v2 .cke_hc a.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:link.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:active.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:hover.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:visited.cke_dialog_tab_selected
+{
+ padding: 2px 3px !important;
+ border-width: 3px;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_tabs a,
+.cke_skin_v2 .cke_hc .cke_dialog_footer a
+{
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+ border: 1px solid white;
+}
+
+/* single_page */
+
+.cke_skin_v2 .cke_single_page .cke_dialog_tabs
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_single_page .cke_dialog_title
+{
+ padding-bottom: 3px;
+}
+
+.cke_skin_v2 .cke_dialog_ui_vbox table,
+.cke_skin_v2 .cke_dialog_ui_hbox table
+{
+ margin: auto;
+}
+
+.cke_skin_v2 .cke_dialog_ui_vbox_child
+{
+ padding: 5px 0px;
+}
+
+.cke_skin_v2 input.cke_dialog_ui_input_text,
+.cke_skin_v2 input.cke_dialog_ui_input_password
+{
+ background-color: white;
+ border: none;
+ padding: 0px;
+ width: 100%;
+ height: 14px;
+}
+
+.cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
+{
+ border-width: 0px;
+}
+
+.cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
+{
+ border-width: 1px;
+}
+
+.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;
+}
+
+.cke_skin_v2 textarea.cke_dialog_ui_input_textarea
+{
+ background-color: white;
+ border: none;
+ padding: 0px;
+ width: 100%;
+ /*
+ * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
+ * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
+ */
+ _width: 99%;
+ overflow: auto;
+ resize: none;
+}
+
+.cke_skin_v2 div.cke_dialog_ui_input_textarea
+{
+ background-color: white;
+ border: 1px solid #a0a0a0;
+ padding: 1px 0px;
+}
+
+.cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *
+{
+ background-color : #a0a0a0;
+ cursor : default;
+}
+
+.cke_skin_v2 .cke_dialog_ui_hbox
+{
+ width: 100%;
+}
+
+.cke_skin_v2 .cke_dialog_ui_hbox_first,
+.cke_skin_v2 .cke_dialog_ui_hbox_child,
+.cke_skin_v2 .cke_dialog_ui_hbox_last
+{
+ vertical-align: top;
+}
+
+.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first,
+.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child
+{
+ padding-right: 10px;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first,
+.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child
+{
+ padding-left: 10px;
+}
+
+/* button */
+
+.cke_skin_v2 a.cke_dialog_ui_button
+{
+ border-collapse: separate;
+ cursor: default;
+}
+
+.cke_skin_v2 span.cke_dialog_ui_button
+{
+ border: #737357 1px solid;
+ padding: 2px 10px;
+ text-align: center;
+ color: #3b3b1f;
+ background-color: #c7c78f;
+ display: inline-block;
+ cursor: default;
+}
+
+/* Gecko 1.8 does not support display: inline-block */
+.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ display: block;
+}
+
+.cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled
+{
+ border: #898980 1px solid;
+ color: #5e5e55;
+ background-color: #c5c5b3;
+}
+
+.cke_skin_v2 a:focus span.cke_dialog_ui_button,
+.cke_skin_v2 a:active span.cke_dialog_ui_button
+{
+ background-color: #e3e3c7;
+}
+
+.cke_skin_v2 .cke_hc a:focus span.cke_dialog_ui_button,
+.cke_skin_v2 .cke_hc a:active span.cke_dialog_ui_button
+{
+ border-width: 2px;
+}
+
+.cke_skin_v2 .cke_dialog_footer_buttons
+{
+ display: inline-table;
+ margin-right: 12px;
+ margin-left: 12px;
+ width: auto;
+ position: relative;
+}
+
+/* Gecko 1.8 does not support for display: inline-table */
+.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons
+{
+ display: inline;
+}
+
+.cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button
+{
+ width: 60px;
+ margin: 7px 0;
+}
+
+.cke_skin_v2 strong
+{
+ font-weight: bold;
+}
+
+/* close_button */
+
+.cke_skin_v2 a.cke_dialog_close_button,
+.cke_skin_v2 a:hover.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_ie6 a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_ie6 a:hover.cke_dialog_close_button
+{
+ background-image: url(images/sprites.png);
+ background-repeat: no-repeat;
+ background-position: -16px -651px;
+ position: absolute;
+ cursor: pointer;
+ text-align: center;
+ height: 20px;
+ width: 20px;
+ top: 5px;
+
+ /* IE6 does not support full color transparent PNG. */
+ _background-image: url(images/sprites_ie6.png);
+}
+
+.cke_skin_v2 a.cke_dialog_close_button span
+{
+ display: none;
+}
+
+.cke_skin_v2 a:hover.cke_dialog_close_button
+{
+ background-position: -16px -687px;
+}
+
+.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;
+}
+
+.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;
+ _top: 7px;
+}
+
+.cke_skin_v2 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button
+{
+ position: relative;
+ float: left;
+ margin-top: -55px;
+ margin-left: -7px;
+}
+
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button
+{
+ margin-top: -32px;
+}
+
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button
+{
+ margin-top: 0;
+}
+
+.cke_skin_v2 .cke_dialog_ui_input_select
+{
+ border: 1px solid #a0a0a0;
+ background-color: white;
+}
+
+.cke_skin_v2 iframe.cke_dialog_ui_input_file
+{
+ width: 100%;
+ height: 25px;
+}
+
+/*
+ * Some utility CSS classes for dialog authors.
+ */
+.cke_skin_v2 .cke_dialog .cke_dark_background
+{
+ background-color: #eaead1;
+}
+
+.cke_skin_v2 .cke_dialog .cke_hand
+{
+ cursor: pointer;
+}
+
+.cke_skin_v2 .cke_dialog .cke_centered
+{
+ text-align: center;
+}
+
+.cke_skin_v2 .cke_dialog a.cke_btn_reset
+{
+ float: right;
+ background-position: 0 -32px;
+ background-image: url(images/mini.gif);
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ border: 1px none;
+ font-size: 1px;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset
+{
+ float: left;
+}
+
+.cke_skin_v2 .cke_dialog a.cke_btn_locked,
+.cke_skin_v2 .cke_dialog a.cke_btn_unlocked
+{
+ float: left;
+ background-position: 0 0;
+ background-image: url(images/mini.gif);
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ border: none 1px;
+ font-size: 1px;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,
+.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_dialog a.cke_btn_unlocked
+{
+ background-position: 0 -16px;
+ background-image: url(images/mini.gif);
+}
+
+.cke_skin_v2 .cke_dialog .cke_btn_over
+{
+ border: outset 1px;
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_v2 .cke_dialog #ImagePreviewBox
+{
+ white-space : normal;
+ border : 2px ridge black;
+ overflow : scroll;
+ height : 160px;
+ width : 230px;
+ padding : 2px;
+ background-color : white;
+}
+.cke_skin_v2 .cke_dialog #ImagePreviewLoader
+{
+ position: absolute;
+ white-space : normal;
+ overflow : hidden;
+ height : 160px;
+ width : 230px;
+ margin : 2px;
+ padding : 2px;
+ opacity : 0.9;
+ filter : alpha(opacity=90);
+
+ background-color : #e4e4e4;
+}
+
+.cke_skin_v2 .cke_dialog #FlashPreviewBox
+{
+ white-space : normal;
+ border : 2px ridge black;
+ overflow : auto;
+ height : 160px;
+ width : 390px;
+ padding : 2px;
+ background-color : white;
+}
+
+.cke_skin_v2 .cke_dialog .cke_dark_background
+{
+ text-align : center;
+ background-color: #eaead1;
+ font-size : 14px;
+}
+
+.cke_skin_v2 .cke_dialog .cke_light_background
+{
+ text-align : center;
+ background-color: #ffffbe;
+}
+
+.cke_skin_v2 .cke_dialog .cke_hand
+{
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_v2 .cke_disabled
+{
+ color: #a0a0a0;
+}
+
+/* High Contrast Mode */
+.cke_skin_v2 .cke_hc .cke_dialog_title,
+.cke_skin_v2 .cke_hc .cke_dialog_tabs,
+.cke_skin_v2 .cke_hc .cke_dialog_contents,
+.cke_skin_v2 .cke_hc .cke_dialog_footer
+{
+ border-left: 1px solid;
+ border-right: 1px solid;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_title
+{
+ border-top: 1px solid;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_footer
+{
+ border-bottom: 1px solid;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_close_button span
+{
+ display: inline;
+ cursor: pointer;
+ cursor: hand;
+ font-weight: bold;
+ position: relative;
+ top: 3px;
+}
+
+.cke_skin_v2 .cke_dialog_body .cke_label
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_body .cke_label
+{
+ display: inline;
+}
+
+.cke_skin_v2 .cke_hc a.cke_btn_locked,
+.cke_skin_v2 .cke_hc a.cke_btn_unlocked,
+.cke_skin_v2 .cke_hc a.cke_btn_reset
+{
+ border-style: solid;
+ float:left;
+ width:auto;
+ height:auto;
+}
+
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_reset
+{
+ float:right;
+}
+
+.cke_skin_v2 a.cke_smile img
+{
+ /* IE6 does not support transparent borders */
+ border: 2px solid #eaead1;
+}
+
+.cke_skin_v2 a.cke_smile:focus img,
+.cke_skin_v2 a.cke_smile:active img,
+.cke_skin_v2 a.cke_smile:hover img
+{
+ border-color: #C7C78F;
+}
diff --git a/_source/skins/v2/elementspath.css b/_source/skins/v2/elementspath.css index 44e2086..5ccdde9 100644 --- a/_source/skins/v2/elementspath.css +++ b/_source/skins/v2/elementspath.css @@ -1,68 +1,73 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -@media print -{ - .cke_path - { - display: none; - } -} - -.cke_skin_v2 .cke_path -{ - padding: 3px 3px 0 3px; - display: inline-block; - float: left; -} - -.cke_skin_v2 .cke_rtl .cke_path -{ - float: right; -} - -.cke_skin_v2 .cke_path a, -.cke_skin_v2 .cke_path .cke_empty -{ - display: inline-block; - float: left; - border: solid 1px #efefde; - background-color: #efefde; - padding-top: 1px; - padding-bottom: 1px; - padding-left: 4px; - padding-right: 4px; - margin-bottom : 3px; -} - -.cke_skin_v2 .cke_path .cke_empty -{ - visibility: hidden; -} - -.cke_skin_v2 .cke_rtl .cke_path a, -.cke_skin_v2 .cke_rtl .cke_path cke_empty -{ - float: right; -} - -.cke_skin_v2 .cke_path a:hover, -.cke_skin_v2 .cke_path a:focus, -.cke_skin_v2 .cke_path a:active /* IE */ -{ - border: solid 1px #316ac5; - background-color: #dff1ff; - padding-top: 1px; - padding-bottom: 1px; - padding-left: 4px; - padding-right: 4px; - outline: none; -} - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_path a, -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_path .cke_empty -{ - float: none; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+ .cke_path
+ {
+ display: none;
+ }
+}
+
+.cke_skin_v2 .cke_path
+{
+ padding: 3px 3px 0 3px;
+ display: inline-block;
+ float: left;
+}
+
+.cke_skin_v2 .cke_rtl .cke_path
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_path a,
+.cke_skin_v2 .cke_path .cke_empty
+{
+ display: inline-block;
+ float: left;
+ border: solid 1px #efefde;
+ background-color: #efefde;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 4px;
+ padding-right: 4px;
+ margin-bottom : 3px;
+}
+
+.cke_skin_v2 .cke_path .cke_empty
+{
+ visibility: hidden;
+}
+
+.cke_skin_v2 .cke_rtl .cke_path a,
+.cke_skin_v2 .cke_rtl .cke_path cke_empty
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_path a:hover,
+.cke_skin_v2 .cke_path a:focus,
+.cke_skin_v2 .cke_path a:active /* IE */
+{
+ border: solid 1px #316ac5;
+ background-color: #dff1ff;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 4px;
+ padding-right: 4px;
+ outline: none;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_path a,
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_path .cke_empty
+{
+ float: none;
+}
+
+.cke_skin_v2 .cke_path .cke_label
+{
+ display: none;
+}
diff --git a/_source/skins/v2/mainui.css b/_source/skins/v2/mainui.css index 22c3435..7f1adf8 100644 --- a/_source/skins/v2/mainui.css +++ b/_source/skins/v2/mainui.css @@ -1,122 +1,142 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_v2 .cke_editor -{ -/* - border: solid 1px #dcdcdc; -*/ - display: inline-table; - width: 100%; -} - -.cke_skin_v2 -{ - display: block; -} - -.cke_skin_v2 span.cke_browser_webkit, -.cke_skin_v2 span.cke_browser_gecko18 -{ - display: block; -} - -.cke_skin_v2 .cke_wrapper -{ - display: block; -} - -.cke_skin_v2 .cke_browser_opera .cke_editor -{ - display: table; -} - -.cke_skin_v2 .cke_top, -.cke_skin_v2 .cke_bottom, - .cke_shared .cke_skin_v2 -{ - background-color: #efefde; -} - -.cke_skin_v2 .cke_top -{ - border-top: solid 1px #fafaf5; - border-left: solid 1px #fafaf5; - border-right: solid 1px #696969; - border-bottom: solid 2px #696969; -} - -.cke_skin_v2 .cke_rtl .cke_top -{ - border-left: solid 1px #696969; - border-right: solid 1px #fafaf5; -} - -.cke_skin_v2 .cke_bottom -{ - border-left: solid 1px #696969; - border-right: solid 1px #696969; - border-bottom: solid 1px #696969; -} - -.cke_skin_v2 .cke_contents -{ - border: solid 1px #696969; - /* Prevent background content from penetrate through when switching between editing modes. (#4918) */ - background-color: white; -} - -.cke_skin_v2 .cke_focus -{ - outline: auto 5px -webkit-focus-ring-color; -} - -.cke_skin_v2 textarea.cke_source -{ - font-family: 'Courier New' , Monospace; - font-size: small; - background-color: #fff; - white-space: pre; -} - -.cke_skin_v2 .cke_browser_iequirks textarea.cke_source -{ - /* For IE6+Quirks only */ - _white-space: normal; -} - -.cke_skin_v2 .cke_resizer -{ - width: 12px; - height: 12px; - margin-top: 16px; - display: block; - float: right; - /* resizer.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -801px; - background-repeat: no-repeat; - cursor: se-resize; -} - -.cke_skin_v2 .cke_rtl .cke_resizer -{ - cursor: sw-resize; - /* resizer_rtl.gif*/ - background-position: 0 -828px; - float: left; -} - -.cke_skin_v2 .cke_maximized .cke_resizer -{ - display: none; -} - -.cke_skin_v2 .cke_browser_ie6 .cke_contents textarea, -.cke_skin_v2 .cke_browser_ie7 .cke_contents textarea -{ - position: absolute; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_v2 .cke_editor
+{
+/*
+ border: solid 1px #dcdcdc;
+*/
+ display: inline-table;
+ width: 100%;
+}
+
+.cke_skin_v2
+{
+ display: block;
+}
+
+.cke_skin_v2 span.cke_browser_webkit,
+.cke_skin_v2 span.cke_browser_gecko18
+{
+ display: block;
+}
+
+.cke_skin_v2 .cke_wrapper
+{
+ display: block;
+}
+
+.cke_skin_v2 .cke_browser_opera .cke_editor
+{
+ display: table;
+}
+
+.cke_skin_v2 .cke_top,
+.cke_skin_v2 .cke_bottom,
+ .cke_shared .cke_skin_v2
+{
+ background-color: #efefde;
+}
+
+.cke_skin_v2 .cke_top
+{
+ border-top: solid 1px #fafaf5;
+ border-left: solid 1px #fafaf5;
+ border-right: solid 1px #696969;
+ border-bottom: solid 2px #696969;
+}
+
+.cke_skin_v2 .cke_rtl .cke_top
+{
+ border-left: solid 1px #696969;
+ border-right: solid 1px #fafaf5;
+}
+
+.cke_skin_v2 .cke_bottom
+{
+ border-left: solid 1px #696969;
+ border-right: solid 1px #696969;
+ border-bottom: solid 1px #696969;
+}
+
+.cke_skin_v2 .cke_contents
+{
+ border: solid 1px #696969;
+ /* Prevent background content from penetrate through when switching between editing modes. (#4918) */
+ background-color: white;
+}
+
+.cke_skin_v2 .cke_focus
+{
+ outline: auto 5px -webkit-focus-ring-color;
+}
+
+.cke_skin_v2 textarea.cke_source
+{
+ font-family: 'Courier New' , Monospace;
+ font-size: small;
+ background-color: #fff;
+ white-space: pre;
+}
+
+.cke_skin_v2 .cke_browser_iequirks textarea.cke_source
+{
+ /* For IE6+Quirks only */
+ _white-space: normal;
+}
+
+.cke_skin_v2 .cke_resizer
+{
+ width: 12px;
+ height: 12px;
+ margin-top: 16px;
+ display: block;
+ float: right;
+ /* resizer.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -801px;
+ background-repeat: no-repeat;
+ cursor: se-resize;
+}
+
+.cke_skin_v2 .cke_rtl .cke_resizer
+{
+ cursor: sw-resize;
+ /* resizer_rtl.gif*/
+ background-position: 0 -828px;
+ float: left;
+}
+
+.cke_skin_v2 .cke_maximized .cke_resizer
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_browser_ie6 .cke_contents textarea,
+.cke_skin_v2 .cke_browser_ie7 .cke_contents textarea
+{
+ position: absolute;
+}
+
+/* All voice labels are not displayed. */
+.cke_skin_v2 .cke_voice_label
+{
+ display: none;
+}
+
+.cke_skin_v2 legend.cke_voice_label
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_browser_ie legend.cke_voice_label
+{
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
diff --git a/_source/skins/v2/menu.css b/_source/skins/v2/menu.css index c3af44f..fcc8b5a 100644 --- a/_source/skins/v2/menu.css +++ b/_source/skins/v2/menu.css @@ -1,178 +1,210 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_v2 .cke_contextmenu -{ - padding: 2px; -} - -.cke_skin_v2 .cke_menuitem a -{ - display:block; -} - -.cke_skin_v2 .cke_menuitem span -{ - cursor: default; -} - -.cke_skin_v2 .cke_menuitem a:hover, -.cke_skin_v2 .cke_menuitem a:focus, -.cke_skin_v2 .cke_menuitem a:active -{ - background-color: #8f8f73; - display:block; -} - -.cke_skin_v2 .cke_menuitem a.cke_disabled:hover, -.cke_skin_v2 .cke_menuitem a.cke_disabled:focus, -.cke_skin_v2 .cke_menuitem a.cke_disabled:active -{ - background-color: transparent !important; -} - -.cke_skin_v2 .cke_menuitem .cke_icon -{ - background-image: url(icons.png); - background-position: 100px; - background-repeat:no-repeat; - background-color: transparent; - width: 16px; - height: 16px; - float: left; -} - -.cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon -{ - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_menuitem .cke_icon_wrapper -{ - background-color: #e3e3c7; - border: solid 4px #e3e3c7; - width: 16px; - height: 16px; - float: left; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon_wrapper -{ - float: right; -} - -.cke_skin_v2 .cke_menuitem a:hover .cke_icon_wrapper, -.cke_skin_v2 .cke_menuitem a:focus .cke_icon_wrapper, -.cke_skin_v2 .cke_menuitem a:active .cke_icon_wrapper -{ - background-color: #9d9d9d; - border: solid 4px #9d9d9d; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper, -.cke_skin_v2 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper, -.cke_skin_v2 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper -{ - background-color: #e3e3c7; - border: solid 4px #e3e3c7; -} - -.cke_skin_v2 .cke_menuitem .cke_label -{ - display:block; - padding-right: 3px; - padding-top: 5px; - padding-left: 4px; - height:19px; - margin-left: 24px; - background-color: #fff; - _overflow: hidden; - _width: 80px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_rtl .cke_skin_v2 .cke_menuitem .cke_label -{ - padding-right: 0; - margin-left: 0; - padding-left: 3px; - margin-right: 28px; -} - -.cke_skin_v2 .cke_menuitem a.cke_disabled .cke_label -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.30; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_menuitem a:hover .cke_label, -.cke_skin_v2 .cke_menuitem a:focus .cke_label, -.cke_skin_v2 .cke_menuitem a:active .cke_label -{ - background-color: #8f8f73; - color: white; -} - -.cke_skin_v2 .cke_menuitem a.cke_disabled:hover .cke_label, -.cke_skin_v2 .cke_menuitem a.cke_disabled:focus .cke_label, -.cke_skin_v2 .cke_menuitem a.cke_disabled:active .cke_label -{ - background-color: transparent; - color: black; -} - -.cke_skin_v2 .cke_menuseparator -{ - background-color: #e3e3c7; - height: 2px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - - _font-size: 0; -} - -.cke_skin_v2 .cke_menuarrow -{ - /* arrowright.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 0 -784px; - background-repeat: no-repeat; - height: 5px; - width: 3px; - float: right; - margin-right: 2px; - margin-top: 3px; -} - -/* Never applied */ -.cke_rtl .cke_skin_v2 .cke_menuarrow -{ - float: left; - margin-right: 0; - margin-left: 2px; - /* arrowleft.gif*/ - background-position: 0 -763px; -} - -/* #3766 In the context menu, long labels with second level menu get wrapped */ -.cke_browser_ie.cke_ltr .cke_skin_v2 .cke_menuarrow -{ - position: absolute; - right: 2px; -} - -.cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuarrow -{ - position: absolute; - left: 2px; -} -/* END #3766 */ +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_v2 .cke_contextmenu
+{
+ padding: 2px;
+}
+
+.cke_skin_v2 .cke_menuitem a
+{
+ display:block;
+}
+
+.cke_skin_v2 .cke_menuitem span
+{
+ cursor: default;
+}
+
+.cke_skin_v2 .cke_menuitem a:hover,
+.cke_skin_v2 .cke_menuitem a:focus,
+.cke_skin_v2 .cke_menuitem a:active
+{
+ background-color: #8f8f73;
+ display:block;
+}
+.cke_hc .cke_menuitem a:hover,
+.cke_hc .cke_menuitem a:focus,
+.cke_hc .cke_menuitem a:active
+{
+ border: 2px solid;
+}
+
+.cke_skin_v2 .cke_menuitem a.cke_disabled:hover,
+.cke_skin_v2 .cke_menuitem a.cke_disabled:focus,
+.cke_skin_v2 .cke_menuitem a.cke_disabled:active
+{
+ background-color: transparent !important;
+}
+
+.cke_hc .cke_menuitem a.cke_disabled:hover,
+.cke_hc .cke_menuitem a.cke_disabled:focus,
+.cke_hc .cke_menuitem a.cke_disabled:active
+{
+ border-width: 0px;
+}
+
+
+.cke_skin_v2 .cke_menuitem .cke_icon
+{
+ background-image: url(icons.png);
+ background-position: 100px;
+ background-repeat:no-repeat;
+ background-color: transparent;
+ width: 16px;
+ height: 16px;
+ float: left;
+}
+
+.cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_menuitem .cke_icon_wrapper
+{
+ background-color: #e3e3c7;
+ border: solid 4px #e3e3c7;
+ width: 16px;
+ height: 16px;
+ float: left;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon_wrapper
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_menuitem a:hover .cke_icon_wrapper,
+.cke_skin_v2 .cke_menuitem a:focus .cke_icon_wrapper,
+.cke_skin_v2 .cke_menuitem a:active .cke_icon_wrapper
+{
+ background-color: #9d9d9d;
+ border: solid 4px #9d9d9d;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,
+.cke_skin_v2 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,
+.cke_skin_v2 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper
+{
+ background-color: #e3e3c7;
+ border: solid 4px #e3e3c7;
+}
+
+.cke_skin_v2 .cke_menuitem .cke_label
+{
+ display:block;
+ padding-right: 3px;
+ padding-top: 5px;
+ padding-left: 4px;
+ height:19px;
+ margin-left: 24px;
+ background-color: #fff;
+}
+/* Set these after the document has been loaded and we know the dimensions*/
+.cke_skin_v2 .cke_frameLoaded .cke_menuitem .cke_label
+{
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_rtl .cke_skin_v2 .cke_menuitem .cke_label
+{
+ padding-right: 0;
+ margin-left: 0;
+ padding-left: 3px;
+ margin-right: 28px;
+}
+
+.cke_skin_v2 .cke_menuitem a.cke_disabled .cke_label
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.30; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_menuitem a:hover .cke_label,
+.cke_skin_v2 .cke_menuitem a:focus .cke_label,
+.cke_skin_v2 .cke_menuitem a:active .cke_label
+{
+ background-color: #8f8f73;
+ color: white;
+}
+
+.cke_skin_v2 .cke_menuitem a.cke_disabled:hover .cke_label,
+.cke_skin_v2 .cke_menuitem a.cke_disabled:focus .cke_label,
+.cke_skin_v2 .cke_menuitem a.cke_disabled:active .cke_label
+{
+ background-color: transparent;
+ color: black;
+}
+
+.cke_skin_v2 .cke_menuseparator
+{
+ background-color: #e3e3c7;
+ height: 2px;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+
+ _font-size: 0;
+}
+
+.cke_skin_v2 .cke_menuarrow
+{
+ /* arrowright.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 0 -784px;
+ background-repeat: no-repeat;
+ height: 5px;
+ width: 3px;
+ float: right;
+ margin-right: 2px;
+ margin-top: 3px;
+}
+
+/* Never applied */
+.cke_rtl .cke_skin_v2 .cke_menuarrow
+{
+ float: left;
+ margin-right: 0;
+ margin-left: 2px;
+ /* arrowleft.gif*/
+ background-position: 0 -763px;
+}
+
+.cke_skin_v2 .cke_menuarrow span
+{
+ display: none;
+}
+
+.cke_hc .cke_skin_v2 .cke_menuarrow
+{
+ width: auto;
+ margin-top: 0;
+}
+
+.cke_hc .cke_skin_v2 .cke_menuarrow span
+{
+ display: inline;
+}
+
+/* #3766 In the context menu, long labels with second level menu get wrapped */
+.cke_browser_ie.cke_ltr .cke_skin_v2 .cke_menuarrow
+{
+ position: absolute;
+ right: 2px;
+}
+
+.cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuarrow
+{
+ position: absolute;
+ left: 2px;
+}
+/* END #3766 */
diff --git a/_source/skins/v2/panel.css b/_source/skins/v2/panel.css index 6b4b6ea..9f2c0a6 100644 --- a/_source/skins/v2/panel.css +++ b/_source/skins/v2/panel.css @@ -1,198 +1,211 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -.cke_skin_v2 .cke_panel -{ - border: 1px solid #8f8f73; - background-color: #fff; - - width: 120px; - height: 100px; - - overflow:hidden; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -/* Ideally we would use "inherit here"... but you know... IE :( */ -.cke_skin_v2 .cke_panel iframe -{ - width: 100%; - height: 100%; -} - -/* - * All the following styles are to be used inside the iframe that holds panel - * contents. We don't use the cke_skin_default there to avoid the reset to be - * active. - * This is not an issue as we'll never have two skins running inside the same - * panel iframe. - */ - -html.cke_skin_v2_container -{ - overflow: auto; - overflow-x: hidden; -} - -body.cke_panel_frame -{ - overflow: auto; - overflow-x: hidden; -} - -ul.cke_panel_list -{ - list-style-type: none; - margin: 3px; - padding: 0px; - white-space: nowrap; -} - -li.cke_panel_listItem -{ - margin: 0px; -} - -.cke_panel_listItem a -{ - padding: 2px; - display: block; - border: 1px solid #fff; - color: inherit; - text-decoration: none; - overflow: hidden; - text-overflow: ellipsis; -} - -/* IE6 */ -* html .cke_panel_listItem a -{ - width : 100%; - - /* IE is not able to inherit the color, so we must force it to black */ - color: #000; -} - -/* IE7 */ -*:first-child+html .cke_panel_listItem a -{ - /* IE is not able to inherit the color, so we must force it to black */ - color: #000; -} - -.cke_panel_listItem.cke_selected a -{ - border: 1px solid #ccc; - background-color: #e9f5ff; -} - -.cke_panel_listItem a:hover, -.cke_panel_listItem a:focus, -.cke_panel_listItem a:active -{ - border-color: #316ac5; - background-color: #dff1ff; -} - -.cke_panel_grouptitle -{ - font-size: 11px; - font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; - font-weight: bold; - white-space: nowrap; - background-color: #dcdcdc; - color: #000; - margin:0px; - padding:3px; -} - -.cke_panel_listItem p, -.cke_panel_listItem h1, -.cke_panel_listItem h2, -.cke_panel_listItem h3, -.cke_panel_listItem h4, -.cke_panel_listItem h5, -.cke_panel_listItem h6, -.cke_panel_listItem pre -{ - margin-top: 3px; - margin-bottom: 3px; -} - -.cke_skin_v2 .cke_button_textcolor_panel, -.cke_skin_v2 .cke_button_bgcolor_panel -{ - width: 150px; - height: 135px; -} - -.cke_colorblock -{ - padding: 3px; - font-size: 11px; - font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; -} - -.cke_colorblock, -.cke_colorblock a -{ - text-decoration: none; - color: #000; -} - -span.cke_colorbox -{ - width: 10px; - height: 10px; - border: #808080 1px solid; - float: left; -} - -.cke_rtl span.cke_colorbox -{ - float: right; -} - -a.cke_colorbox -{ - border: #fff 1px solid; - padding: 2px; - float: left; -} - -.cke_rtl a.cke_colorbox -{ - float: right; -} - -a:hover.cke_colorbox, -a:focus.cke_colorbox, -a:active.cke_colorbox -{ - border: #316ac5 1px solid; - background-color: #dff1ff; -} - -a.cke_colorauto, -a.cke_colormore -{ - border: #fff 1px solid; - padding: 2px; - display: block; -} - -a:hover.cke_colorauto, -a:hover.cke_colormore, -a:focus.cke_colorauto, -a:focus.cke_colormore, -a:active.cke_colorauto, -a:active.cke_colormore -{ - border: #316ac5 1px solid; - background-color: #dff1ff; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+.cke_skin_v2 .cke_panel
+{
+ border: 1px solid #8f8f73;
+ background-color: #fff;
+
+ width: 120px;
+ height: 100px;
+
+ overflow:hidden;
+
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+/* Ideally we would use "inherit here"... but you know... IE :( */
+.cke_skin_v2 .cke_panel iframe
+{
+ width: 100%;
+ height: 100%;
+}
+
+.cke_skin_v2 .cke_panel_frame .cke_label
+{
+ display: none;
+}
+
+/*
+ * All the following styles are to be used inside the iframe that holds panel
+ * contents. We don't use the cke_skin_default there to avoid the reset to be
+ * active.
+ * This is not an issue as we'll never have two skins running inside the same
+ * panel iframe.
+ */
+
+html.cke_skin_v2_container
+{
+ overflow: auto;
+ overflow-x: hidden;
+}
+
+body.cke_panel_frame
+{
+ overflow: auto;
+}
+
+ul.cke_panel_list
+{
+ list-style-type: none;
+ margin: 3px;
+ padding: 0px;
+ white-space: nowrap;
+}
+
+li.cke_panel_listItem
+{
+ margin: 0px;
+}
+
+.cke_panel_listItem a
+{
+ padding: 2px;
+ display: block;
+ border: 1px solid #fff;
+ color: inherit;
+ text-decoration: none;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+/* IE6 */
+* html .cke_panel_listItem a
+{
+ width : 100%;
+
+ /* IE is not able to inherit the color, so we must force it to black */
+ color: #000;
+}
+
+/* IE7 */
+*:first-child+html .cke_panel_listItem a
+{
+ /* IE is not able to inherit the color, so we must force it to black */
+ color: #000;
+}
+
+.cke_panel_listItem.cke_selected a
+{
+ border: 1px solid #ccc;
+ background-color: #e9f5ff;
+}
+
+.cke_panel_listItem a:hover,
+.cke_panel_listItem a:focus,
+.cke_panel_listItem a:active
+{
+ border-color: #316ac5;
+ background-color: #dff1ff;
+}
+
+.cke_hc .cke_panel_listItem.cke_selected a,
+.cke_hc .cke_panel_listItem a:hover,
+.cke_hc .cke_panel_listItem a:focus,
+.cke_hc .cke_panel_listItem a:active
+{
+ border-width: 3px;
+ padding: 0px;
+}
+
+.cke_panel_grouptitle
+{
+ font-size: 11px;
+ font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
+ font-weight: bold;
+ white-space: nowrap;
+ background-color: #dcdcdc;
+ color: #000;
+ margin:0px;
+ padding:3px;
+}
+
+.cke_panel_listItem p,
+.cke_panel_listItem h1,
+.cke_panel_listItem h2,
+.cke_panel_listItem h3,
+.cke_panel_listItem h4,
+.cke_panel_listItem h5,
+.cke_panel_listItem h6,
+.cke_panel_listItem pre
+{
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+
+.cke_skin_v2 .cke_button_textcolor_panel,
+.cke_skin_v2 .cke_button_bgcolor_panel
+{
+ width: 150px;
+ height: 135px;
+}
+
+.cke_colorblock
+{
+ padding: 3px;
+ font-size: 11px;
+ font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
+}
+
+.cke_colorblock,
+.cke_colorblock a
+{
+ text-decoration: none;
+ color: #000;
+}
+
+span.cke_colorbox
+{
+ width: 10px;
+ height: 10px;
+ border: #808080 1px solid;
+ float: left;
+}
+
+.cke_rtl span.cke_colorbox
+{
+ float: right;
+}
+
+a.cke_colorbox
+{
+ border: #fff 1px solid;
+ padding: 2px;
+ float: left;
+}
+
+.cke_rtl a.cke_colorbox
+{
+ float: right;
+}
+
+a:hover.cke_colorbox,
+a:focus.cke_colorbox,
+a:active.cke_colorbox
+{
+ border: #316ac5 1px solid;
+ background-color: #dff1ff;
+}
+
+a.cke_colorauto,
+a.cke_colormore
+{
+ border: #fff 1px solid;
+ padding: 2px;
+ display: block;
+}
+
+a:hover.cke_colorauto,
+a:hover.cke_colormore,
+a:focus.cke_colorauto,
+a:focus.cke_colormore,
+a:active.cke_colorauto,
+a:active.cke_colormore
+{
+ border: #316ac5 1px solid;
+ background-color: #dff1ff;
+}
diff --git a/_source/skins/v2/richcombo.css b/_source/skins/v2/richcombo.css index 7112c53..3765c48 100644 --- a/_source/skins/v2/richcombo.css +++ b/_source/skins/v2/richcombo.css @@ -1,274 +1,289 @@ -/* Special Combo */ - -.cke_skin_v2 .cke_rcombo -{ - display: inline-block; - margin-left: 2px; - margin-right: 2px; - margin-top: 2px; - vertical-align: top; - float: left; -} - -.cke_skin_v2 .cke_browser_ie .cke_rcombo -{ - #float: none; - #display: inline; -} - -.cke_skin_v2 .cke_rtl .cke_rcombo -{ - float: right; -} - -.cke_skin_v2 .cke_browser_ie .cke_rcombo -{ - #float: none; -} - -.cke_skin_v2 .cke_rcombopanel -{ - border: 1px solid #316ac5; - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - /*margin-left: 1px;*/ - /*_margin-left: 0;*/ -} - -.cke_skin_v2 .cke_rcombo a -{ - display: inline-block; - float: left; - - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_rtl .cke_rcombo a -{ - float: right; -} - -.cke_skin_v2 .cke_hc .cke_rcombo a -{ - filter: alpha(opacity=100); /* IE */ - opacity: 1.0; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_rcombo .cke_label -{ - display: inline-block; - float: left; - - line-height: 24px; - height: 22px; - vertical-align: top; - padding-left: 4px; - padding-right: 5px; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - background-color: #f1f1e3; /* Because of IE6+ClearType */ -} - -.cke_skin_v2 .cke_rtl .cke_rcombo .cke_label -{ - float: right; - padding-right: 4px; - padding-left: 5px; -} - -.cke_skin_v2 .cke_hc .cke_rcombo .cke_label -{ - filter: alpha(opacity=100); - opacity: 1.0; -} - -.cke_skin_v2 .cke_rcombo .cke_inline_label -{ - color: #fff; -} - -.cke_skin_v2 .cke_rcombo .cke_text -{ - border: 1px solid #8f8f73; - background-color: #fff; - height: 12px; - width:60px; - padding-top: 4px; - padding-bottom: 4px; - padding-left: 5px; - padding-right: 5px; - text-overflow: ellipsis; - overflow: hidden; - display: inline-block; - vertical-align: top; -} - -.cke_skin_v2 .cke_ltr .cke_rcombo .cke_text -{ - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.cke_skin_v2 .cke_rtl .cke_rcombo .cke_text -{ - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -/* Fix for IE height */ -.cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_text -{ - height: 22px; -} - -.cke_skin_v2 .cke_rcombo .cke_openbutton -{ - display: inline-block; - - background-position: 5px -715px; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; - - border-top: 1px solid #8f8f73; - border-bottom: 1px solid #8f8f73; - width: 14px; - height: 20px; -} - -.cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton -{ - border-right: 1px solid #8f8f73; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton -{ - border-left: 1px solid #8f8f73; - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.cke_skin_v2 .cke_rcombo .cke_off a:hover, -.cke_skin_v2 .cke_rcombo .cke_off a:focus, -.cke_skin_v2 .cke_rcombo .cke_off a:active, -.cke_skin_v2 .cke_rcombo .cke_on a -{ - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text, -.cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text, -.cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text, -.cke_skin_v2 .cke_rcombo .cke_on .cke_text -{ - border-color: #316ac5; -} - -.cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton, -.cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton, -.cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton, -.cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton -{ - border-color: #316ac5; - background-color: #dff1ff; -} - -.cke_skin_v2 .cke_rcombo .cke_on .cke_text -{ - -moz-border-radius-bottomleft: 0px; - -webkit-border-bottom-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton -{ - -moz-border-radius-bottomright: 0px; - -webkit-border-bottom-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -.cke_skin_v2 .cke_rcombo .cke_disabled .cke_label -{ - filter: alpha(opacity=30); /* IE */ - opacity: 0.3; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label -{ - filter: alpha(opacity=70); - opacity: 0.7; -} - -.cke_skin_v2 .cke_rcombo .cke_disabled .cke_text, -.cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton -{ - filter: alpha(opacity=50); /* IE */ - opacity: 0.5; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text, -.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton -{ - filter: alpha(opacity=80); - opacity: 0.8; -} - -.cke_skin_v2 .cke_rcombo .cke_disabled .cke_text -{ - color: #fff; -} - -/* Firefox 2 & WebKit Section */ - -.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo, -.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label, -.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text, -.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton, -.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label, -.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text, -.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton -{ - display: block; - float: left; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton, -.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label, -.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text, -.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton -{ - float: right; -} - -/*** IE ***/ - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo, -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a, -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label -{ - float: none; -} +/* Special Combo */
+
+.cke_skin_v2 .cke_rcombo
+{
+ display: inline-block;
+ margin-left: 2px;
+ margin-right: 2px;
+ margin-top: 2px;
+ vertical-align: top;
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rcombo
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_v2 .cke_rtl .cke_rcombo
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rcombo
+{
+ #float: none;
+}
+
+.cke_skin_v2 .cke_rcombopanel
+{
+ border: 1px solid #316ac5;
+ -moz-border-radius-topleft: 0;
+ -webkit-border-top-left-radius: 0;
+ border-top-left-radius: 0;
+ /*margin-left: 1px;*/
+ /*_margin-left: 0;*/
+}
+
+.cke_skin_v2 .cke_rcombo a
+{
+ display: inline-block;
+ float: left;
+
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_rtl .cke_rcombo a
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_hc .cke_rcombo a
+{
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1.0; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_rcombo .cke_label
+{
+ display: inline-block;
+ float: left;
+
+ line-height: 24px;
+ height: 22px;
+ vertical-align: top;
+ padding-left: 4px;
+ padding-right: 5px;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+ background-color: #f1f1e3; /* Because of IE6+ClearType */
+}
+
+.cke_skin_v2 .cke_rtl .cke_rcombo .cke_label
+{
+ float: right;
+ padding-right: 4px;
+ padding-left: 5px;
+}
+
+.cke_skin_v2 .cke_hc .cke_rcombo .cke_label
+{
+ filter: alpha(opacity=100);
+ opacity: 1.0;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_inline_label
+{
+ color: #fff;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_text
+{
+ border: 1px solid #8f8f73;
+ background-color: #fff;
+ height: 12px;
+ width:60px;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 5px;
+ padding-right: 5px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.cke_skin_v2 .cke_ltr .cke_rcombo .cke_text
+{
+ -moz-border-radius-topleft: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.cke_skin_v2 .cke_rtl .cke_rcombo .cke_text
+{
+ -moz-border-radius-topright: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+/* Fix for IE height */
+.cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_text
+{
+ height: 22px;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_openbutton
+{
+ display: inline-block;
+
+ background-position: 5px -715px;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+
+ border-top: 1px solid #8f8f73;
+ border-bottom: 1px solid #8f8f73;
+ width: 14px;
+ height: 20px;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_openbutton span
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_hc .cke_rcombo .cke_openbutton span
+{
+ display : inline;
+}
+
+.cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton
+{
+ border-right: 1px solid #8f8f73;
+ -moz-border-radius-topright: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton
+{
+ border-left: 1px solid #8f8f73;
+ -moz-border-radius-topleft: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_off a:hover,
+.cke_skin_v2 .cke_rcombo .cke_off a:focus,
+.cke_skin_v2 .cke_rcombo .cke_off a:active,
+.cke_skin_v2 .cke_rcombo .cke_on a
+{
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text,
+.cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text,
+.cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text,
+.cke_skin_v2 .cke_rcombo .cke_on .cke_text
+{
+ border-color: #316ac5;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton,
+.cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton,
+.cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton,
+.cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton
+{
+ border-color: #316ac5;
+ background-color: #dff1ff;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_on .cke_text
+{
+ -moz-border-radius-bottomleft: 0px;
+ -webkit-border-bottom-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton
+{
+ -moz-border-radius-bottomright: 0px;
+ -webkit-border-bottom-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_disabled .cke_label
+{
+ filter: alpha(opacity=30); /* IE */
+ opacity: 0.3; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label
+{
+ filter: alpha(opacity=70);
+ opacity: 0.7;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton
+{
+ filter: alpha(opacity=50); /* IE */
+ opacity: 0.5; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text,
+.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton
+{
+ filter: alpha(opacity=80);
+ opacity: 0.8;
+}
+
+.cke_skin_v2 .cke_rcombo .cke_disabled .cke_text
+{
+ color: #fff;
+}
+
+/* Firefox 2 & WebKit Section */
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton,
+.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label,
+.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text,
+.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton
+{
+ display: block;
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton,
+.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,
+.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,
+.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton
+{
+ float: right;
+}
+
+/*** IE ***/
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo,
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a,
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label
+{
+ float: none;
+}
+
+.cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_openbutton
+{
+ height: 22px;
+}
diff --git a/_source/skins/v2/templates.css b/_source/skins/v2/templates.css index 4d6ad5a..984687d 100644 --- a/_source/skins/v2/templates.css +++ b/_source/skins/v2/templates.css @@ -1,71 +1,81 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/** - * Styles for the "templates" plugin. - */ - -.cke_skin_v2 .cke_tpl_list -{ - border: #dcdcdc 2px solid; - background-color: #ffffff; - overflow: auto; - width: 100%; - height: 220px; -} - -.cke_skin_v2 .cke_tpl_item -{ - margin: 5px; - padding: 7px; - border: #eeeeee 1px solid; - *width: 88%; -} - -.cke_skin_v2 .cke_tpl_preview -{ - border-collapse: separate; - text-indent:0; - width: 100%; -} -.cke_skin_v2 .cke_tpl_preview td -{ - padding: 2px; - vertical-align: middle; -} -.cke_skin_v2 .cke_tpl_preview .cke_tpl_preview_img -{ - width: 100px; -} -.cke_skin_v2 .cke_tpl_preview span -{ - white-space: normal; -} - -.cke_skin_v2 .cke_tpl_title -{ - font-weight: bold; -} - -.cke_skin_v2 .cke_tpl_hover -{ - border: #ff9933 1px solid !important; - background-color: #fffacd !important; - cursor: pointer; - cursor: hand; -} -/* - * Fix property 'cursor' doesn't inherit on table - */ -.cke_skin_v2 .cke_tpl_hover * -{ - cursor: inherit; -} - -.cke_skin_v2 .cke_tpl_empty, .cke_tpl_loading -{ - text-align: center; - padding: 5px; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * Styles for the "templates" plugin.
+ */
+
+.cke_skin_v2 .cke_tpl_list
+{
+ border: #dcdcdc 2px solid;
+ background-color: #ffffff;
+ overflow: auto;
+ width: 100%;
+ height: 220px;
+}
+
+.cke_skin_v2 .cke_tpl_item
+{
+ margin: 5px;
+ padding: 7px;
+ border: #eeeeee 1px solid;
+ *width: 88%;
+}
+
+.cke_skin_v2 .cke_tpl_preview
+{
+ border-collapse: separate;
+ text-indent:0;
+ width: 100%;
+}
+.cke_skin_v2 .cke_tpl_preview td
+{
+ padding: 2px;
+ vertical-align: middle;
+}
+.cke_skin_v2 .cke_tpl_preview .cke_tpl_preview_img
+{
+ width: 100px;
+}
+.cke_skin_v2 .cke_tpl_preview span
+{
+ white-space: normal;
+}
+
+.cke_skin_v2 .cke_tpl_title
+{
+ font-weight: bold;
+}
+
+.cke_skin_v2 .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_v2 .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_v2 .cke_tpl_list a:focus .cke_tpl_item
+{
+ border: #ff9933 1px solid !important;
+ background-color: #fffacd !important;
+ cursor: pointer;
+ cursor: hand;
+}
+
+.cke_skin_v2 .cke_tpl_list a:active .cke_tpl_item,
+.cke_skin_v2 .cke_tpl_list a:hover .cke_tpl_item,
+.cke_skin_v2 .cke_tpl_list a:focus .cke_tpl_item
+{
+ border-width: 3px;
+}
+
+/*
+ * Fix property 'cursor' doesn't inherit on table
+ */
+.cke_skin_v2 .cke_tpl_hover *
+{
+ cursor: inherit;
+}
+
+.cke_skin_v2 .cke_tpl_empty, .cke_tpl_loading
+{
+ text-align: center;
+ padding: 5px;
+}
diff --git a/_source/skins/v2/toolbar.css b/_source/skins/v2/toolbar.css index 0285043..44129b7 100644 --- a/_source/skins/v2/toolbar.css +++ b/_source/skins/v2/toolbar.css @@ -1,412 +1,425 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -@media print -{ - .cke_skin_v2 .cke_toolbox - { - display: none; - } -} - -.cke_skin_v2 .cke_browser_webkit .cke_toolbox, -.cke_skin_v2 .cke_browser_webkit .cke_toolbox > span -{ - white-space: normal; -} - -.cke_skin_v2 a.cke_toolbox_collapser, -.cke_skin_v2 a:hover.cke_toolbox_collapser -{ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 3px -739px; /* +3px +4px */ - background-repeat: no-repeat; - width: 11px; - height: 11px; - float: right; - border: outset 1px; - margin: 11px 2px 2px; - cursor: pointer; -} - -.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser, -.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser -{ - float: left; -} - -.cke_skin_v2 a.cke_toolbox_collapser_min, -.cke_skin_v2 a:hover.cke_toolbox_collapser_min -{ - /* arrowleft.gif*/ - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-position: 4px -760px; /* +4px +3px */ - background-repeat: no-repeat; - margin: 2px; -} - -.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser_min, -.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser_min -{ - /* arrowright.gif*/ - background-position: 4px -781px; /* +2px +3px */ -} - -.cke_skin_v2 .cke_toolbar -{ - padding-top: 1px; - padding-bottom: 1px; - display: inline-block; - float: left; -} - -.cke_skin_v2 .cke_rtl .cke_toolbar -{ - float: right; -} - -.cke_skin_v2 .cke_toolgroup -{ - display: inline-block; - float: left; -} - -.cke_skin_v2 .cke_browser_ie .cke_toolgroup -{ - #float: none; - #display: inline; -} - -.cke_skin_v2 .cke_rtl .cke_toolgroup -{ - float: right; -} - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup -{ - #float: none; -} - -.cke_skin_v2 .cke_separator -{ - display: inline-block; - float: left; - border-left: solid 1px #999; - margin: 4px 2px; - height: 16px; -} - -.cke_skin_v2 .cke_browser_ie .cke_separator -{ - #float: none; - #display: inline; -} - -.cke_skin_v2 .cke_rtl .cke_separator -{ - float: right; -} - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator -{ - #float: none; -} - -.cke_skin_v2 .cke_break -{ - clear: left; -} - -.cke_skin_v2 .cke_rtl .cke_break -{ - clear: right; -} - -.cke_skin_v2 .cke_toolbar_start -{ - display: inline-block; - background-image: url(images/toolbar_start.gif); - background-repeat: no-repeat; - margin: 4px 2px 0 2px; - width: 3px; - height: 20px; - float: left; -} - -.cke_skin_v2 .cke_browser_ie .cke_toolbar_start -{ - #float: none; - #display: inline; -} - -.cke_skin_v2 .cke_rtl .cke_toolbar_start -{ - float: right; -} - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start -{ - #float: none; -} - -.cke_skin_v2 .cke_toolbar_end -{ - display: inline-block; - float: left; -} - -.cke_skin_v2 .cke_browser_ie .cke_toolbar_end -{ - #float: none; - #display: inline -} - -.cke_skin_v2 .cke_rtl .cke_toolbar_end -{ - float: right; -} - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end -{ - #float: none; -} - -.cke_skin_v2 .cke_button a, -.cke_skin_v2 .cke_button a:hover, -.cke_skin_v2 .cke_button a:focus, -.cke_skin_v2 .cke_button a:active, -.cke_skin_v2 .cke_button a.cke_off -{ - border: solid 1px #efefde; - display: inline-block; - border-radius: 3px; - outline: none; - padding-top: 2px; - padding-left: 4px; - padding-right: 4px; - padding-bottom: 2px; - height: 18px; - cursor: default; -} - -.cke_skin_v2 .cke_button a, -.cke_skin_v2 .cke_button a.cke_off -{ - background-color: #efefde; - filter: alpha(opacity=70); /* IE */ - opacity: 0.70; /* Safari, Opera and Mozilla */ - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} - -.cke_skin_v2 .cke_hc .cke_button a, -.cke_skin_v2 .cke_hc .cke_button a.cke_off -{ - opacity: 1.0; - filter: alpha(opacity=100); -} - -.cke_skin_v2 .cke_button a.cke_on -{ - border: solid 1px #316ac5; - background-color: #a3d7ff; - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_hc .cke_button a.cke_on -{ - padding: 0 2px !important; - border-width: 3px; -} - -.cke_skin_v2 .cke_button a.cke_disabled, -.cke_skin_v2 .cke_browser_ie a:hover.cke_button .cke_disabled -{ - border: solid 1px #efefde; - background-color: #efefde; - filter: alpha(opacity=30); /* IE */ - opacity : 0.3; /* Safari, Opera and Mozilla */ -} - -.cke_skin_v2 .cke_hc .cke_button a.cke_disabled, -.cke_skin_v2 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled -{ - filter: alpha(opacity=60); - opacity: 0.6; -} - -.cke_skin_v2 .cke_button a:hover.cke_on, -.cke_skin_v2 .cke_button a:focus.cke_on, -.cke_skin_v2 .cke_button a:active.cke_on, /* IE */ -.cke_skin_v2 .cke_button a:hover.cke_off, -.cke_skin_v2 .cke_button a:focus.cke_off, -.cke_skin_v2 .cke_button a:active.cke_off /* IE */ -{ - border: solid 1px #316ac5; - background-color: #dff1ff; - filter: alpha(opacity=100); /* IE */ - opacity: 1; /* Safari, Opera and Mozilla */ - padding: 2px 4px; -} - -.cke_skin_v2 .cke_hc .cke_button a:hover.cke_on, -.cke_skin_v2 .cke_hc .cke_button a:focus.cke_on, -.cke_skin_v2 .cke_hc .cke_button a:active.cke_on, /* IE */ -.cke_skin_v2 .cke_hc .cke_button a:hover.cke_off, -.cke_skin_v2 .cke_hc .cke_button a:focus.cke_off, -.cke_skin_v2 .cke_hc .cke_button a:active.cke_off /* IE */ -{ - padding: 0 2px !important; - border-width: 3px; -} - -.cke_skin_v2 .cke_button .cke_icon -{ - background-image: url(icons.png); - background-position: 100px; - background-repeat:no-repeat; - margin-top:1px; - width: 16px; - height: 16px; - display: inline-block; -} - -.cke_skin_v2 .cke_button .cke_label -{ - cursor: default; - display: none; - padding-left: 3px; - vertical-align: 3px; -} - -.cke_skin_v2 .cke_hc .cke_button .cke_label -{ - padding: 0; - display: inline-block; -} - -.cke_skin_v2 .cke_hc .cke_button .cke_icon -{ - display: none; -} - -.cke_skin_v2 .cke_accessibility -{ - position: absolute; - display: block; - width: 0; - height: 0; - overflow: hidden; -} - -.cke_skin_v2 .cke_button .cke_buttonarrow -{ - display: inline-block; - height: 17px; - width: 8px; - background-position: 2px -717px; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); - background-repeat: no-repeat; -} - -.cke_skin_v2 .cke_rtl .cke_button .cke_buttonarrow -{ - background-position: 0 -717px; - background-image: url(images/sprites.png); - _background-image: url(images/sprites_ie6.png); -} - -/*** Firefox 2 ***/ - -.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar, -.cke_skin_v2 .cke_browser_gecko18 .cke_button a, -.cke_skin_v2 .cke_browser_gecko18 .cke_button a.cke_off, -.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_icon, -.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_buttonarrow, -.cke_skin_v2 .cke_browser_gecko18 .cke_separator, -.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar_start -{ - display: block; - float: left; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon -{ - display: none; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_separator, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start -{ - float: right; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label, -.cke_skin_v2 .cke_browser_gecko18 .cke_break -{ - float: left; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl span.cke_inline_label -{ - float: right; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label, -.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_break -{ - float: right; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_separator -{ - margin-top: 4px; -} - -.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label -{ - padding-top: 3px; -} - -/*** IE6 ***/ - -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup, -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator, -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start, -.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end -{ - float: none; -} - -/*** IE8 ***/ - -.cke_skin_v2 .cke_browser_ie8 .cke_toolbar, -.cke_skin_v2 .cke_browser_ie8 .cke_toolgroup -{ - vertical-align: top; -} - -.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar, -.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup -{ - /* revert previous */ - vertical-align: baseline; -} - -/* Fix cursor shape consistency on toolbar combos (#4031) */ -.cke_skin_v2 .cke_browser_ie .cke_rcombo, -.cke_skin_v2 .cke_browser_ie .cke_rcombo * -{ - cursor: default; -} +/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+@media print
+{
+ .cke_skin_v2 .cke_toolbox
+ {
+ display: none;
+ }
+}
+
+.cke_skin_v2 .cke_browser_webkit .cke_toolbox,
+.cke_skin_v2 .cke_browser_webkit .cke_toolbox > span
+{
+ white-space: normal;
+}
+
+.cke_skin_v2 a.cke_toolbox_collapser,
+.cke_skin_v2 a:hover.cke_toolbox_collapser
+{
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 3px -739px; /* +3px +4px */
+ background-repeat: no-repeat;
+ width: 11px;
+ height: 11px;
+ float: right;
+ border: outset 1px;
+ margin: 11px 2px 2px;
+ cursor: pointer;
+}
+
+.cke_skin_v2 a.cke_toolbox_collapser span
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_hc a.cke_toolbox_collapser span
+{
+ font-size: 10px;
+ font-weight: bold;
+ font-family: Arial;
+ display: inline;
+}
+
+.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser,
+.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser
+{
+ float: left;
+}
+
+.cke_skin_v2 a.cke_toolbox_collapser_min,
+.cke_skin_v2 a:hover.cke_toolbox_collapser_min
+{
+ /* arrowleft.gif*/
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-position: 4px -760px; /* +4px +3px */
+ background-repeat: no-repeat;
+ margin: 2px;
+}
+
+.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser_min,
+.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser_min
+{
+ /* arrowright.gif*/
+ background-position: 4px -781px; /* +2px +3px */
+}
+
+.cke_skin_v2 .cke_toolbar
+{
+ padding-top: 1px;
+ padding-bottom: 1px;
+ display: inline-block;
+ float: left;
+}
+
+.cke_skin_v2 .cke_rtl .cke_toolbar
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_toolgroup
+{
+ display: inline-block;
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_toolgroup
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_v2 .cke_rtl .cke_toolgroup
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup
+{
+ #float: none;
+}
+
+.cke_skin_v2 .cke_separator
+{
+ display: inline-block;
+ float: left;
+ border-left: solid 1px #999;
+ margin: 4px 2px;
+ height: 16px;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_separator
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_v2 .cke_rtl .cke_separator
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator
+{
+ #float: none;
+}
+
+.cke_skin_v2 .cke_break
+{
+ clear: left;
+}
+
+.cke_skin_v2 .cke_rtl .cke_break
+{
+ clear: right;
+}
+
+.cke_skin_v2 .cke_toolbar_start
+{
+ display: inline-block;
+ background-image: url(images/toolbar_start.gif);
+ background-repeat: no-repeat;
+ margin: 4px 2px 0 2px;
+ width: 3px;
+ height: 20px;
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_toolbar_start
+{
+ #float: none;
+ #display: inline;
+}
+
+.cke_skin_v2 .cke_rtl .cke_toolbar_start
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start
+{
+ #float: none;
+}
+
+.cke_skin_v2 .cke_toolbar_end
+{
+ display: inline-block;
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_toolbar_end
+{
+ #float: none;
+ #display: inline
+}
+
+.cke_skin_v2 .cke_rtl .cke_toolbar_end
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end
+{
+ #float: none;
+}
+
+.cke_skin_v2 .cke_button a,
+.cke_skin_v2 .cke_button a:hover,
+.cke_skin_v2 .cke_button a:focus,
+.cke_skin_v2 .cke_button a:active,
+.cke_skin_v2 .cke_button a.cke_off
+{
+ border: solid 1px #efefde;
+ display: inline-block;
+ border-radius: 3px;
+ outline: none;
+ padding-top: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+ padding-bottom: 2px;
+ height: 18px;
+ cursor: default;
+}
+
+.cke_skin_v2 .cke_button a,
+.cke_skin_v2 .cke_button a.cke_off
+{
+ background-color: #efefde;
+ filter: alpha(opacity=70); /* IE */
+ opacity: 0.70; /* Safari, Opera and Mozilla */
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+}
+
+.cke_skin_v2 .cke_hc .cke_button a,
+.cke_skin_v2 .cke_hc .cke_button a.cke_off
+{
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+}
+
+.cke_skin_v2 .cke_button a.cke_on
+{
+ border: solid 1px #316ac5;
+ background-color: #a3d7ff;
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_hc .cke_button a.cke_on
+{
+ padding: 0 2px !important;
+ border-width: 3px;
+}
+
+.cke_skin_v2 .cke_button a.cke_disabled,
+.cke_skin_v2 .cke_browser_ie a:hover.cke_button .cke_disabled
+{
+ border: solid 1px #efefde;
+ background-color: #efefde;
+ filter: alpha(opacity=30); /* IE */
+ opacity : 0.3; /* Safari, Opera and Mozilla */
+}
+
+.cke_skin_v2 .cke_hc .cke_button a.cke_disabled,
+.cke_skin_v2 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled
+{
+ filter: alpha(opacity=60);
+ opacity: 0.6;
+}
+
+.cke_skin_v2 .cke_button a:hover.cke_on,
+.cke_skin_v2 .cke_button a:focus.cke_on,
+.cke_skin_v2 .cke_button a:active.cke_on, /* IE */
+.cke_skin_v2 .cke_button a:hover.cke_off,
+.cke_skin_v2 .cke_button a:focus.cke_off,
+.cke_skin_v2 .cke_button a:active.cke_off /* IE */
+{
+ border: solid 1px #316ac5;
+ background-color: #dff1ff;
+ filter: alpha(opacity=100); /* IE */
+ opacity: 1; /* Safari, Opera and Mozilla */
+ padding: 2px 4px;
+}
+
+.cke_skin_v2 .cke_hc .cke_button a:hover.cke_on,
+.cke_skin_v2 .cke_hc .cke_button a:focus.cke_on,
+.cke_skin_v2 .cke_hc .cke_button a:active.cke_on, /* IE */
+.cke_skin_v2 .cke_hc .cke_button a:hover.cke_off,
+.cke_skin_v2 .cke_hc .cke_button a:focus.cke_off,
+.cke_skin_v2 .cke_hc .cke_button a:active.cke_off /* IE */
+{
+ padding: 0 2px !important;
+ border-width: 3px;
+}
+
+.cke_skin_v2 .cke_button .cke_icon
+{
+ background-image: url(icons.png);
+ background-position: 100px;
+ background-repeat:no-repeat;
+ margin-top:1px;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+}
+
+.cke_skin_v2 .cke_button .cke_label
+{
+ cursor: default;
+ display: none;
+ padding-left: 3px;
+ vertical-align: 3px;
+}
+
+.cke_skin_v2 .cke_hc .cke_button .cke_label
+{
+ padding: 0;
+ display: inline-block;
+}
+
+.cke_skin_v2 .cke_hc .cke_button .cke_icon
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_accessibility
+{
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+.cke_skin_v2 .cke_button .cke_buttonarrow
+{
+ display: inline-block;
+ height: 17px;
+ width: 8px;
+ background-position: 2px -717px;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+ background-repeat: no-repeat;
+}
+
+.cke_skin_v2 .cke_rtl .cke_button .cke_buttonarrow
+{
+ background-position: 0 -717px;
+ background-image: url(images/sprites.png);
+ _background-image: url(images/sprites_ie6.png);
+}
+
+/*** Firefox 2 ***/
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar,
+.cke_skin_v2 .cke_browser_gecko18 .cke_button a,
+.cke_skin_v2 .cke_browser_gecko18 .cke_button a.cke_off,
+.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_icon,
+.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_buttonarrow,
+.cke_skin_v2 .cke_browser_gecko18 .cke_separator,
+.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar_start
+{
+ display: block;
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon
+{
+ display: none;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_separator,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label,
+.cke_skin_v2 .cke_browser_gecko18 .cke_break
+{
+ float: left;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl span.cke_inline_label
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,
+.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_break
+{
+ float: right;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_separator
+{
+ margin-top: 4px;
+}
+
+.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label
+{
+ padding-top: 3px;
+}
+
+/*** IE6 ***/
+
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup,
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator,
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start,
+.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end
+{
+ float: none;
+}
+
+/*** IE8 ***/
+
+.cke_skin_v2 .cke_browser_ie8 .cke_toolbar,
+.cke_skin_v2 .cke_browser_ie8 .cke_toolgroup
+{
+ vertical-align: top;
+}
+
+.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,
+.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup
+{
+ /* revert previous */
+ vertical-align: baseline;
+}
+
+/* Fix cursor shape consistency on toolbar combos (#4031) */
+.cke_skin_v2 .cke_browser_ie .cke_rcombo,
+.cke_skin_v2 .cke_browser_ie .cke_rcombo *
+{
+ cursor: default;
+}
|