Skins - CKEditor Sample

Index: /CKEditor/trunk/_samples/skins.html =================================================================== --- /CKEditor/trunk/_samples/skins.html (revision 3307) +++ /CKEditor/trunk/_samples/skins.html (revision 3307) @@ -0,0 +1,46 @@ + + + + + Skins - CKEditor Sample + + + +

+ +

+ + Index: /CKEditor/trunk/_source/skins/office2003/dialog.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/dialog.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/dialog.css (revision 3307) @@ -0,0 +1,561 @@ +/* +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); +} + +.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-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_browser_ie.cke_skin_office2003 .cke_rtl .cke_dialog_title +{ + position: static !important; +} + +.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; +} + +.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; +} + +.cke_skin_office2003 div.cke_dialog_ui_input_textarea +{ + background-color: white; + border: 1px solid #a0a0a0; + padding: 1px 0px; +} + +.cke_skin_office2003 .cke_dialog_ui_hbox +{ + width: 100%; +} + +.cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_first, +.cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_child +{ + padding-left: 10px; + vertical-align: top; +} + +/* button */ + +.cke_skin_office2003 a.cke_dialog_ui_button +{ + border-collapse: separate; +} + +.cke_skin_office2003 span.cke_dialog_ui_button +{ + background-image: url(images/sprites.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; +} + +.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; +} + +.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; + 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_ltr .cke_dialog_close_button +{ + right: 10px; + _right: 22px; +} + +.cke_skin_office2003 .cke_rtl .cke_dialog_close_button +{ + left: 10px; + _left: 22px; +} + +.cke_browser_ie6.cke_skin_office2003 .cke_rtl .cke_dialog_close_button +{ + position: relative; + float: left; + margin-top: -55px; + margin-left: -7px; +} + +.cke_browser_iequirks.cke_skin_office2003 .cke_rtl.cke_single_page .cke_dialog_close_button +{ + margin-top: -32px; +} + +.cke_browser_iequirks.cke_skin_office2003 .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 .dark_background +{ + background-color: #eaead1; +} + +.cke_skin_office2003 .cke_dialog .hand +{ + cursor: pointer; +} + +.cke_skin_office2003 .cke_dialog .centered +{ + text-align: center; +} + +.cke_skin_office2003 .cke_dialog .BtnReset +{ + 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 .BtnReset +{ + float: left; +} + +.cke_skin_office2003 .cke_dialog .BtnLocked, .BtnUnlocked +{ + 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_dialog .BtnLocked, .BtnUnlocked +{ + float: right; +} + +.cke_skin_office2003 .cke_dialog .BtnUnlocked +{ + background-position: 0 -16px; + background-image: url(images/mini.gif); +} + +.cke_skin_office2003 .cke_dialog .BtnOver +{ + 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 .DarkBackground +{ + text-align : center; + background-color: #eaead1; + font-size : 14px; +} + +.cke_skin_office2003 .cke_dialog .LightBackground +{ + text-align : center; + background-color: #ffffbe; +} + +.cke_skin_office2003 .cke_dialog .Hand +{ + cursor: pointer; + cursor: hand; +} + +.cke_skin_office2003 .disabled +{ + color: #a0a0a0; +} + +/* Firefox 2 */ + +.cke_skin_office2003 .cke_browser_gecko .cke_dialog_tabs +{ + display: block; + float: left; +} Index: /CKEditor/trunk/_source/skins/office2003/editor.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/editor.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/editor.css (revision 3307) @@ -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; +} Index: /CKEditor/trunk/_source/skins/office2003/elementspath.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/elementspath.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/elementspath.css (revision 3307) @@ -0,0 +1,55 @@ +/* +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; +} + +.cke_skin_office2003 .cke_path a, +.cke_skin_office2003 .cke_path .cke_empty +{ + display: 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_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; +} Index: /CKEditor/trunk/_source/skins/office2003/icons.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/icons.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/icons.css (revision 3307) @@ -0,0 +1,298 @@ +/* +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 +{ + 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; +} Index: /CKEditor/trunk/_source/skins/office2003/mainui.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/mainui.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/mainui.css (revision 3307) @@ -0,0 +1,56 @@ +/* +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; +} + +.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; +} Index: /CKEditor/trunk/_source/skins/office2003/menu.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/menu.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/menu.css (revision 3307) @@ -0,0 +1,108 @@ +/* +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 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 +{ + filter: alpha(opacity=30); /* IE */ + opacity : 0.3; /* Safari, Opera and Mozilla */ +} + +.cke_skin_office2003 .cke_menuitem .cke_icon +{ + background-image: url(icons.png); + background-position: 100px; + background-repeat:no-repeat; + background-color: #f7f8fd; + width: 16px; + height: 16px; + float: left; + border: solid 4px #f7f8fd; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_rtl .cke_skin_office2003 .cke_menuitem .cke_icon +{ + float: right; +} + +.cke_skin_office2003 .cke_menuitem a:hover .cke_icon, +.cke_skin_office2003 .cke_menuitem a:focus .cke_icon, +.cke_skin_office2003 .cke_menuitem a:active .cke_icon +{ + background-color: #8db1ff; + border: solid 4px #8db1ff; + filter: alpha(opacity=100); /* IE */ + opacity: 1; /* Safari, Opera and Mozilla */ +} + +.cke_skin_office2003 .cke_menuitem .cke_label +{ + display:block; + padding-right: 3px; + padding-top: 5px; + height:19px; + margin-left: 28px; + background-color: #fff; +} + +.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:hover .cke_label, +.cke_skin_office2003 .cke_menuitem a:focus .cke_label, +.cke_skin_office2003 .cke_menuitem a:active .cke_label +{ + color: #fff; + background-color: #8db1ff; +} + +.cke_skin_office2003 .cke_menuseparator +{ + background-color: #f7f8fd; + height: 2px; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_skin_office2003 .cke_menuarrow +{ + background-image: url(images/arrowright.gif); + height: 7px; + width: 7px; + float: right; + margin-right: 2px; + margin-top: 3px; +} + +.cke_rtl .cke_skin_office2003 .cke_menuarrow +{ + float: left; + margin-right: 0; + margin-left: 2px; +} Index: /CKEditor/trunk/_source/skins/office2003/panel.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/panel.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/panel.css (revision 3307) @@ -0,0 +1,192 @@ +/* +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. + */ + +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; +} Index: /CKEditor/trunk/_source/skins/office2003/presets.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/presets.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/presets.css (revision 3307) @@ -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; +} Index: /CKEditor/trunk/_source/skins/office2003/reset.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/reset.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/reset.css (revision 3307) @@ -0,0 +1,56 @@ +/* +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: default; + 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; +} Index: /CKEditor/trunk/_source/skins/office2003/richcombo.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/richcombo.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/richcombo.css (revision 3307) @@ -0,0 +1,209 @@ +/* Special Combo */ + +.cke_skin_office2003 .cke_rcombo +{ + display: inline-block; + margin-left: 2px; + margin-right: 2px; + margin-top: 2px; + vertical-align: top; +} + +.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; +} + +.cke_skin_office2003 .cke_rcombo a +{ + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_skin_office2003 .cke_rcombo .cke_label +{ + display: inline-block; + line-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-position: 0 -962px; + _background-repeat: repeat-x; +} + +.cke_skin_office2003 .cke_rtl .cke_rcombo .cke_label +{ + padding-right: 4px; + padding-left: 5px; +} + +.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; +} + +.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; +} + +.cke_skin_office2003 .cke_browser_iequirks .cke_rcombo .cke_text +{ + height: 24px; + width: 72px; +} + +.cke_skin_office2003 .cke_rcombo .cke_openbutton +{ + background-position: center center; + background-image: url(images/arrowdown.gif); + border-top: 1px solid #8f8f73; + border-bottom: 1px solid #8f8f73; + display: inline-block; + width: 14px; + height: 22px; + background-repeat: no-repeat; +} + +.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_browser_iequirks .cke_rcombo .cke_openbutton +{ + height: 24px; + width: 15px; +} + +.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_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_rcombo .cke_disabled .cke_text +{ + color: #fff; +} + +/* Firefox 2 & WebKit Section */ + +.cke_skin_office2003 .cke_browser_gecko .cke_rcombo, +.cke_skin_office2003 .cke_browser_gecko .cke_rcombo .cke_label, +.cke_skin_office2003 .cke_browser_gecko .cke_rcombo .cke_text, +.cke_skin_office2003 .cke_browser_gecko .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_rtl.cke_browser_gecko .cke_rcombo, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_rcombo .cke_label, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_rcombo .cke_text, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_rcombo .cke_openbutton, +.cke_skin_office2003 .cke_rtl.cke_browser_webkit .cke_rcombo .cke_label, +.cke_skin_office2003 .cke_rtl.cke_browser_webkit .cke_rcombo .cke_text, +.cke_skin_office2003 .cke_rtl.cke_browser_webkit .cke_rcombo .cke_openbutton +{ + float: right; +} Index: /CKEditor/trunk/_source/skins/office2003/skin.js =================================================================== --- /CKEditor/trunk/_source/skins/office2003/skin.js (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/skin.js (revision 3307) @@ -0,0 +1,73 @@ +/* +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. + setTimeout( function() + { + var content = dialog.parts.contents, + body = content.getParent(), + innerDialog = body.getParent(); + + // tc + 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' ); + }, + 0 ); + }); +} Index: /CKEditor/trunk/_source/skins/office2003/templates.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/templates.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/templates.css (revision 3307) @@ -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; +} Index: /CKEditor/trunk/_source/skins/office2003/toolbar.css =================================================================== --- /CKEditor/trunk/_source/skins/office2003/toolbar.css (revision 3307) +++ /CKEditor/trunk/_source/skins/office2003/toolbar.css (revision 3307) @@ -0,0 +1,289 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +@media print +{ + .cke_toolbox + { + display: none; + } +} + +.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_separator +{ + display:inline-block; + border-left: solid 1px #B2CBFF; + margin-left: 2px; + margin-right: 2px; + height:16px; +} + +.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; +} + +.cke_skin_office2003 .cke_rtl .cke_toolbar_start +{ + background-position: -27px -816px; +} + +.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; +} + +.cke_skin_office2003 .cke_rtl .cke_toolbar_end +{ + background-position: -29px -907px; +} + +.cke_skin_office2003 .cke_button a, +.cke_skin_office2003 .cke_button a.cke_off +{ + border: solid 1px transparent; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ + display: inline-block; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + 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; +} + +.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_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_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; +} + +.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; + + _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_button .cke_buttonarrow +{ + display: inline-block; + height: 18px; + width: 8px; + background-position: right center; + background-image: url(images/arrowdown.gif); + background-repeat: no-repeat; +} + +.cke_skin_office2003 .cke_rtl .cke_button .cke_buttonarrow +{ + background-position: left center; +} + + +/* IE Section */ + +/* Repeat it here for all variations of ".cke_button a" because of IE6 */ +.cke_skin_office2003 .cke_browser_ie .cke_button a, +.cke_skin_office2003 .cke_browser_ie .cke_button a.cke_off, +.cke_skin_office2003 .cke_browser_ie .cke_button a.cke_on, +.cke_skin_office2003 .cke_browser_ie .cke_button a.cke_disabled, +.cke_skin_office2003 .cke_browser_ie .cke_button a:hover.cke_on, +.cke_skin_office2003 .cke_browser_ie .cke_button a:focus.cke_on, +.cke_skin_office2003 .cke_browser_ie .cke_button a:active.cke_on, +.cke_skin_office2003 .cke_browser_ie .cke_button a:hover.cke_off, +.cke_skin_office2003 .cke_browser_ie .cke_button a:focus.cke_off, +.cke_skin_office2003 .cke_browser_ie .cke_button a:active.cke_off +{ + padding-top: 2px; + padding-left: 4px; + padding-right: 4px; + padding-bottom: 2px; + height: 18px; +} + +.cke_skin_office2003 .cke_browser_ie .cke_separator +{ + vertical-align: 35%; +} + + +.cke_skin_office2003 .cke_browser_ie .cke_button .cke_label +{ + vertical-align: 1px; +} + +/* IE+Quirks Section */ + +.cke_skin_office2003 .cke_browser_iequirks .cke_button a, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a.cke_off, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a.cke_on, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a.cke_disabled, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a:hover.cke_on, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a:focus.cke_on, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a:active.cke_on, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a:hover.cke_off, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a:focus.cke_off, +.cke_skin_office2003 .cke_browser_iequirks .cke_button a:active.cke_off +{ + padding-bottom: 3px; +} + +/* Firefox 2 Section */ + +.cke_skin_office2003 .cke_browser_gecko .cke_toolbar, +.cke_skin_office2003 .cke_browser_gecko .cke_button a, +.cke_skin_office2003 .cke_browser_gecko .cke_button a.cke_off, +.cke_skin_office2003 .cke_browser_gecko .cke_button .cke_icon, +.cke_skin_office2003 .cke_browser_gecko .cke_button .cke_buttonarrow, +.cke_skin_office2003 .cke_browser_gecko .cke_separator, +.cke_skin_office2003 .cke_browser_gecko .cke_toolbar_start, +.cke_skin_office2003 .cke_browser_gecko .cke_toolbar_end +{ + display: block; + float: left; +} + +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_toolbar, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_button a, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_button a.cke_off, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_button .cke_icon, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_button .cke_buttonarrow, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_separator, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_toolbar_start, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_toolbar_end +{ + float: right; +} + +.cke_skin_office2003 .cke_browser_gecko .cke_button .cke_label, +.cke_skin_office2003 .cke_browser_gecko .cke_break +{ + float: left; +} + +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_button .cke_label, +.cke_skin_office2003 .cke_rtl.cke_browser_gecko .cke_break +{ + float: right; +} + +.cke_skin_office2003 .cke_browser_gecko .cke_separator +{ + margin-top: 4px; +} + +.cke_skin_office2003 .cke_browser_gecko .cke_button .cke_label +{ + padding-top: 3px; +}