diff options
Diffstat (limited to '_source/skins/office2003')
21 files changed, 2513 insertions, 0 deletions
diff --git a/_source/skins/office2003/dialog.css b/_source/skins/office2003/dialog.css new file mode 100644 index 0000000..56b070c --- /dev/null +++ b/_source/skins/office2003/dialog.css @@ -0,0 +1,643 @@ +/* +Copyright (c) 2003-2009, 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; +} + +.cke_skin_office2003 .cke_dialog_body +{ + margin-left: 16px; + margin-right: 16px; + margin-top: 2px; + margin-bottom: 20px; + position: relative; + z-index: 1; +} + +.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); +} + +.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; +} diff --git a/_source/skins/office2003/editor.css b/_source/skins/office2003/editor.css new file mode 100644 index 0000000..cc7af80 --- /dev/null +++ b/_source/skins/office2003/editor.css @@ -0,0 +1,21 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +@import url("reset.css"); +@import url("mainui.css"); +@import url("panel.css"); +@import url("toolbar.css"); +@import url("menu.css"); +@import url("richcombo.css"); +@import url("elementspath.css"); +@import url("icons.css"); +@import url("presets.css"); + +/* Restore the container visibility */ +html .cke_skin_office2003, +html.cke_skin_office2003_container +{ + visibility: visible; +} diff --git a/_source/skins/office2003/elementspath.css b/_source/skins/office2003/elementspath.css new file mode 100644 index 0000000..d87a203 --- /dev/null +++ b/_source/skins/office2003/elementspath.css @@ -0,0 +1,68 @@ +/* +Copyright (c) 2003-2009, 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; +} diff --git a/_source/skins/office2003/icons.css b/_source/skins/office2003/icons.css new file mode 100644 index 0000000..7a1cd21 --- /dev/null +++ b/_source/skins/office2003/icons.css @@ -0,0 +1,309 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +.cke_skin_office2003 .cke_button_source .cke_icon +{ + background-position: 0 0; +} + +.cke_skin_office2003 .cke_button_newpage .cke_icon +{ + background-position: 0 -48px; +} + +.cke_skin_office2003 .cke_button_preview .cke_icon +{ + background-position: 0 -64px; +} + +.cke_skin_office2003 .cke_button_cut .cke_icon +{ + background-position: 0 -96px; +} + +.cke_skin_office2003 .cke_button_copy .cke_icon +{ + background-position: 0 -112px; +} + +.cke_skin_office2003 .cke_button_paste .cke_icon +{ + background-position: 0 -128px; +} + +.cke_skin_office2003 .cke_button_pastetext .cke_icon +{ + background-position: 0 -144px; +} + +.cke_skin_office2003 .cke_button_find .cke_icon +{ + background-position: 0 -240px; +} + +.cke_skin_office2003 .cke_button_replace .cke_icon +{ + background-position: 0 -256px; +} + +.cke_skin_office2003 .cke_button_selectAll .cke_icon +{ + background-position: 0 -272px; +} + +.cke_skin_office2003 .cke_button_removeFormat .cke_icon +{ + background-position: 0 -288px; +} + +.cke_skin_office2003 .cke_button_bold .cke_icon +{ + background-position: 0 -304px; +} + +.cke_skin_office2003 .cke_button_italic .cke_icon +{ + background-position: 0 -320px; +} + +.cke_skin_office2003 .cke_button_underline .cke_icon +{ + background-position: 0 -336px; +} + +.cke_skin_office2003 .cke_button_strike .cke_icon +{ + background-position: 0 -352px; +} + +.cke_skin_office2003 .cke_button_subscript .cke_icon +{ + background-position: 0 -368px; +} + +.cke_skin_office2003 .cke_button_superscript .cke_icon +{ + background-position: 0 -384px; +} + +.cke_skin_office2003 .cke_button_table .cke_icon +{ + background-position: 0 -608px; +} + +.cke_skin_office2003 .cke_button_horizontalrule .cke_icon +{ + background-position: 0 -624px; +} + +.cke_skin_office2003 .cke_button_smiley .cke_icon +{ + background-position: 0 -640px; +} + +.cke_skin_office2003 .cke_button_link .cke_icon +{ + background-position: 0 -528px; +} + +.cke_skin_office2003 .cke_button_unlink .cke_icon +{ + background-position: 0 -544px; +} + +.cke_skin_office2003 .cke_button_anchor .cke_icon +{ + background-position: 0 -560px; +} + +.cke_skin_office2003 .cke_button_image .cke_icon +{ + background-position: 0 -576px; +} + +.cke_skin_office2003 .cke_button_flash .cke_icon +{ + background-position: 0 -592px; +} + +.cke_skin_office2003 .cke_button_specialchar .cke_icon +{ + background-position: 0 -656px; +} + +.cke_skin_office2003 .cke_button_pagebreak .cke_icon +{ + background-position: 0 -672px; +} + +.cke_skin_office2003 .cke_button_print .cke_icon +{ + background-position: 0 -176px; +} + +.cke_skin_office2003 .cke_button_checkspell .cke_icon, +.cke_skin_office2003 .cke_button_scayt .cke_icon +{ + background-position: 0 -192px; +} + +.cke_skin_office2003 .cke_button_pagebreak .cke_icon +{ + background-position: 0 -672px; +} + +.cke_skin_office2003 .cke_button_textcolor .cke_icon +{ + background-position: 0 -704px; +} + +.cke_skin_office2003 .cke_button_bgcolor .cke_icon +{ + background-position: 0 -720px; +} + +.cke_skin_office2003 .cke_button_form .cke_icon +{ + background-position: 0 -752px; +} + +.cke_skin_office2003 .cke_button_checkbox .cke_icon +{ + background-position: 0 -768px; +} + +.cke_skin_office2003 .cke_button_radio .cke_icon +{ + background-position: 0 -784px; +} + +.cke_skin_office2003 .cke_button_textfield .cke_icon +{ + background-position: 0 -800px; +} + +.cke_skin_office2003 .cke_button_textarea .cke_icon +{ + background-position: 0 -816px; +} +.cke_skin_office2003 .cke_button_showblocks .cke_icon +{ + background-position: 0 -1136px; +} + +.cke_skin_office2003 .cke_button_select .cke_icon +{ + background-position: 0 -832px; +} + +.cke_skin_office2003 .cke_button_button .cke_icon +{ + background-position: 0 -848px; +} + +.cke_skin_office2003 .cke_button_imagebutton .cke_icon +{ + background-position: 0 -864px; +} + +.cke_skin_office2003 .cke_button_hiddenfield .cke_icon +{ + background-position: 0 -880px; +} + +.cke_skin_office2003 .cke_button_undo .cke_icon +{ + background-position: 0 -208px; +} + +.cke_skin_office2003 .cke_rtl .cke_button_undo .cke_icon +{ + background-position: 0 -224px; +} + +.cke_skin_office2003 .cke_button_redo .cke_icon +{ + background-position: 0 -224px; +} + +.cke_skin_office2003 .cke_rtl .cke_button_redo .cke_icon +{ + background-position: 0 -208px; +} + +.cke_skin_office2003 .cke_button_templates .cke_icon +{ + background-position: 0 -80px; +} + +.cke_skin_office2003 .cke_button_numberedlist .cke_icon +{ + background-position: 0 -400px; +} + +.cke_skin_office2003 .cke_button_bulletedlist .cke_icon +{ + background-position: 0 -416px; +} + +.cke_skin_office2003 .cke_button_outdent .cke_icon +{ + background-position: 0 -432px; +} + +.cke_skin_office2003 .cke_button_indent .cke_icon +{ + background-position: 0 -448px; +} + +.cke_skin_office2003 .cke_button_justifyleft .cke_icon +{ + background-position: 0 -464px; +} + +.cke_skin_office2003 .cke_button_justifycenter .cke_icon +{ + background-position: 0 -480px; +} + +.cke_skin_office2003 .cke_button_justifyright .cke_icon +{ + background-position: 0 -496px; +} + +.cke_skin_office2003 .cke_button_justifyblock .cke_icon +{ + background-position: 0 -512px; +} + +.cke_skin_office2003 .cke_button_blockquote .cke_icon +{ + background-position: 0 -1152px; +} + +.cke_skin_office2003 .cke_button_flash .cke_icon +{ + background-position: 0 -592px; +} + +.cke_skin_office2003 .cke_button_pastefromword .cke_icon +{ + background-position: 0 -160px; +} + +.cke_skin_office2003 .cke_button_save .cke_icon +{ + background-position: 0 -32px; +} + +.cke_skin_office2003 .cke_button_about .cke_icon +{ + background-position: 0 -736px; +} + +.cke_skin_office2003 .cke_button_maximize .cke_icon +{ + background-position: 0 -1040px; +} diff --git a/_source/skins/office2003/icons.png b/_source/skins/office2003/icons.png Binary files differnew file mode 100644 index 0000000..394ce89 --- /dev/null +++ b/_source/skins/office2003/icons.png diff --git a/_source/skins/office2003/images/dialog_sides.gif b/_source/skins/office2003/images/dialog_sides.gif Binary files differnew file mode 100644 index 0000000..5840d01 --- /dev/null +++ b/_source/skins/office2003/images/dialog_sides.gif diff --git a/_source/skins/office2003/images/dialog_sides.png b/_source/skins/office2003/images/dialog_sides.png Binary files differnew file mode 100644 index 0000000..7da9821 --- /dev/null +++ b/_source/skins/office2003/images/dialog_sides.png diff --git a/_source/skins/office2003/images/dialog_sides_rtl.png b/_source/skins/office2003/images/dialog_sides_rtl.png Binary files differnew file mode 100644 index 0000000..24fe13a --- /dev/null +++ b/_source/skins/office2003/images/dialog_sides_rtl.png diff --git a/_source/skins/office2003/images/mini.gif b/_source/skins/office2003/images/mini.gif Binary files differnew file mode 100644 index 0000000..54d9107 --- /dev/null +++ b/_source/skins/office2003/images/mini.gif diff --git a/_source/skins/office2003/images/noimage.png b/_source/skins/office2003/images/noimage.png Binary files differnew file mode 100644 index 0000000..1598113 --- /dev/null +++ b/_source/skins/office2003/images/noimage.png diff --git a/_source/skins/office2003/images/sprites.png b/_source/skins/office2003/images/sprites.png Binary files differnew file mode 100644 index 0000000..a6d3a72 --- /dev/null +++ b/_source/skins/office2003/images/sprites.png diff --git a/_source/skins/office2003/images/sprites_ie6.png b/_source/skins/office2003/images/sprites_ie6.png Binary files differnew file mode 100644 index 0000000..94073b2 --- /dev/null +++ b/_source/skins/office2003/images/sprites_ie6.png diff --git a/_source/skins/office2003/mainui.css b/_source/skins/office2003/mainui.css new file mode 100644 index 0000000..1f53b58 --- /dev/null +++ b/_source/skins/office2003/mainui.css @@ -0,0 +1,97 @@ +/* +Copyright (c) 2003-2009, 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, +.cke_skin_office2003 .cke_wrapper +{ + display: block; +} + +.cke_skin_office2003 .cke_top, .cke_skin_office2003 .cke_bottom +{ + 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; +} + +.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; +} diff --git a/_source/skins/office2003/menu.css b/_source/skins/office2003/menu.css new file mode 100644 index 0000000..c32ea2b --- /dev/null +++ b/_source/skins/office2003/menu.css @@ -0,0 +1,175 @@ +/* +Copyright (c) 2003-2009, 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 */ diff --git a/_source/skins/office2003/panel.css b/_source/skins/office2003/panel.css new file mode 100644 index 0000000..c14c3b4 --- /dev/null +++ b/_source/skins/office2003/panel.css @@ -0,0 +1,198 @@ +/* +Copyright (c) 2003-2009, 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; +} diff --git a/_source/skins/office2003/presets.css b/_source/skins/office2003/presets.css new file mode 100644 index 0000000..363b615 --- /dev/null +++ b/_source/skins/office2003/presets.css @@ -0,0 +1,49 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +/* "Source" button label */ +.cke_skin_office2003 .cke_button_source .cke_label +{ + display: inline; +} + +/* "Styles" panel size */ +.cke_skin_office2003 .cke_styles_panel +{ + width: 150px; + height: 170px; +} + +/* "Format" panel size */ +.cke_skin_office2003 .cke_format_panel +{ + width: 150px; + height: 170px; +} + +/* "Font" panel size */ +.cke_skin_office2003 .cke_font_panel +{ + width: 150px; + height: 170px; +} + +/* "Font Size" panel size */ +.cke_skin_office2003 .cke_fontSize_panel +{ + height: 170px; +} + +/* "Font Size" combo width */ +.cke_skin_office2003 .cke_fontSize .cke_text +{ + width: 20px; +} + +/* "Font Size" combo width (IE Quirks) */ +.cke_skin_office2003 .cke_browser_iequirks .cke_fontSize .cke_text +{ + width: 32px; +} diff --git a/_source/skins/office2003/reset.css b/_source/skins/office2003/reset.css new file mode 100644 index 0000000..f85d55c --- /dev/null +++ b/_source/skins/office2003/reset.css @@ -0,0 +1,78 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +/** + * Reset and Default Values + */ +.cke_skin_office2003 *, +.cke_skin_office2003 a:hover, +.cke_skin_office2003 a:link, +.cke_skin_office2003 a:visited, +.cke_skin_office2003 a:active +{ + margin: 0; + padding: 0; + border: 0; + background: transparent; + text-decoration: none; + font: normal normal normal 100% Sans-Serif; + width: auto; + height: auto; + border-collapse: collapse; + text-align: left; + vertical-align: baseline; + white-space: nowrap; + cursor: auto; + color: #000; + + font-size: 11px; + font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; +} + +.cke_skin_office2003 .cke_rtl *, +.cke_skin_office2003 .cke_rtl a:hover, +.cke_skin_office2003 .cke_rtl a:link, +.cke_skin_office2003 .cke_rtl a:visited, +.cke_skin_office2003 .cke_rtl a:active, +.cke_rtl .cke_skin_office2003 *, +.cke_rtl .cke_skin_office2003 a:hover, +.cke_rtl .cke_skin_office2003 a:link, +.cke_rtl .cke_skin_office2003 a:visited, +.cke_rtl .cke_skin_office2003 a:active +{ + text-align: right; +} + +.cke_skin_office2003 iframe +{ + vertical-align: inherit; /** For IE */ +} + +.cke_skin_office2003 textarea +{ + white-space: pre; +} + +.cke_skin_office2003 .cke_browser_gecko textarea +{ + cursor: text; +} + +.cke_skin_office2003 .cke_browser_gecko textarea[disabled] +{ + cursor: default; +} + +.cke_skin_office2003 input[type="text"], +.cke_skin_office2003 input[type="password"] +{ + cursor: text; +} + +.cke_skin_office2003 input[type="text"][disabled], +.cke_skin_office2003 input[type="password"][disabled] +{ + cursor: default; +} diff --git a/_source/skins/office2003/richcombo.css b/_source/skins/office2003/richcombo.css new file mode 100644 index 0000000..d590f6f --- /dev/null +++ b/_source/skins/office2003/richcombo.css @@ -0,0 +1,279 @@ +/* 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; +} diff --git a/_source/skins/office2003/skin.js b/_source/skins/office2003/skin.js new file mode 100644 index 0000000..5b2e5f5 --- /dev/null +++ b/_source/skins/office2003/skin.js @@ -0,0 +1,77 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +CKEDITOR.skins.add( 'office2003', (function() +{ + var preload = []; + + 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, 14, 18, 14 ] + }; +})() ); + +if ( CKEDITOR.dialog ) +{ + CKEDITOR.dialog.on( 'resize', function( evt ) + { + var data = evt.data, + width = data.width, + height = data.height, + dialog = data.dialog, + standardsMode = !CKEDITOR.env.quirk; + + if ( data.skin != 'office2003' ) + return; + + dialog.parts.contents.setStyles( + { + width : width + 'px', + height : height + 'px' + }); + + if ( !CKEDITOR.env.ie ) + return; + + // Fix the size of the elements which have flexible lengths. + var fixSize = function() + { + var content = dialog.parts.contents, + body = content.getParent(), + innerDialog = body.getParent(); + + // 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' ); + }; + setTimeout( fixSize, 100 ); + + // Ensure size is correct for RTL mode. (#4003) + if ( evt.editor.lang.dir == 'rtl' ) + setTimeout( fixSize, 1000 ); + }); +} diff --git a/_source/skins/office2003/templates.css b/_source/skins/office2003/templates.css new file mode 100644 index 0000000..93712d9 --- /dev/null +++ b/_source/skins/office2003/templates.css @@ -0,0 +1,71 @@ +/* +Copyright (c) 2003-2009, 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; +} diff --git a/_source/skins/office2003/toolbar.css b/_source/skins/office2003/toolbar.css new file mode 100644 index 0000000..f5d4263 --- /dev/null +++ b/_source/skins/office2003/toolbar.css @@ -0,0 +1,448 @@ +/* +Copyright (c) 2003-2009, 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; +} |
