diff options
| author | Lester Caine <lester@lsces.co.uk> | 2009-11-24 23:57:24 +0000 |
|---|---|---|
| committer | Lester Caine <lester@lsces.co.uk> | 2009-11-24 23:57:24 +0000 |
| commit | 8630f2bc4d63b3320f5469d9532a1cba1dddb7a3 (patch) | |
| tree | f3c3122e110458a94aae544164b82fd67f1ae5e0 /_source/skins/v2 | |
| parent | e24cb83aa7f7685a4811e5c8d39541bae7b15cb2 (diff) | |
| download | ckeditor-8630f2bc4d63b3320f5469d9532a1cba1dddb7a3.tar.gz ckeditor-8630f2bc4d63b3320f5469d9532a1cba1dddb7a3.tar.bz2 ckeditor-8630f2bc4d63b3320f5469d9532a1cba1dddb7a3.zip | |
ckeditor 3.0.1 'raw' - needs reordering a little, but samples currently functional
Diffstat (limited to '_source/skins/v2')
22 files changed, 2491 insertions, 0 deletions
diff --git a/_source/skins/v2/dialog.css b/_source/skins/v2/dialog.css new file mode 100644 index 0000000..22d7d00 --- /dev/null +++ b/_source/skins/v2/dialog.css @@ -0,0 +1,653 @@ +/* +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_v2 .cke_dialog_body +{ + margin-left: 16px; + margin-right: 16px; + margin-top: 2px; + margin-bottom: 20px; + position: relative; + z-index: 1; +} + +.cke_skin_v2 .cke_dialog_tl, +.cke_skin_v2 .cke_dialog_tr, +.cke_skin_v2 .cke_dialog_tc, +.cke_skin_v2 .cke_dialog_bl, +.cke_skin_v2 .cke_dialog_br, +.cke_skin_v2 .cke_dialog_bc +{ + background-image: url(images/sprites.png); + background-repeat: no-repeat; + position: absolute; + + /* IE6 does not support full color transparent PNG. */ + _background-image: url(images/sprites_ie6.png); +} + +.cke_skin_v2 .cke_dialog_tl +{ + background-position: -16px -16px; + height: 16px; + width: 16px; + top: 0; + left: 0; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_tl +{ + background-position: -16px -397px; +} + +.cke_skin_v2 .cke_dialog_tr +{ + background-position: -16px -76px; + height: 16px; + width: 16px; + top: 0; + right: 0; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_tr +{ + background-position: -16px -457px; +} + +.cke_skin_v2 .cke_dialog_tc +{ + background-position: 0 -136px; + background-repeat: repeat-x; + height: 16px; + top: 0; + left: 16px; + right: 16px; +} + +.cke_skin_v2 .cke_dialog_bl +{ + background-position: -16px -196px; + height: 51px; + width: 30px; + bottom: 0; + left: 0; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_bl +{ + background-position: -16px -517px; +} + +.cke_skin_v2 .cke_dialog_br +{ + background-position: -16px -263px; + height: 51px; + width: 30px; + bottom: 0; + right: 0; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_br +{ + background-position: -16px -584px; +} + +.cke_skin_v2 .cke_dialog_bc +{ + background-position: 0 -330px; + background-repeat: repeat-x; + height: 51px; + bottom: 0; + left: 30px; + right: 30px; +} + +.cke_skin_v2 .cke_dialog_ml, +.cke_skin_v2 .cke_dialog_mr +{ + background-image: url(images/dialog_sides.png); + background-repeat: repeat-y; + position: absolute; + width: 16px; + top: 16px; + bottom: 51px; + + /* IE6 does not support full color transparent PNG. */ + _background-image: url(images/dialog_sides.gif); + + /* IE quirks gets confused when we have both top and bottom. */ + _top: auto; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_ml, +.cke_skin_v2 .cke_rtl .cke_dialog_mr +{ + background-image: url(images/dialog_sides_rtl.png); + + /* IE6 does not support full color transparent PNG. */ + _background-image: url(images/dialog_sides.gif); +} + +.cke_skin_v2 .cke_dialog_ml +{ + background-position: 0 0; + left: 0; +} + +.cke_skin_v2 .cke_dialog_mr +{ + background-position: -16px 0; + right: 0; +} + +.cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml, +.cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr +{ + margin-top: 3px; +} + +.cke_skin_v2 .cke_dialog_title +{ + font-weight: bold; + font-size: 14pt; + color: #737357; + background-color: #e3e3c7; + padding: 3px 10px 26px 10px; + cursor: move; + position: relative; +} + +.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title +{ + position: static !important; + unicode-bidi: bidi-override; +} + +.cke_skin_v2 .cke_dialog_contents +{ + background-color: #f1f1e3; + border: #d5d59d 1px solid; + overflow: auto; + padding: 5px 10px; +} + +.cke_skin_v2 .cke_dialog_footer +{ + background-color: #e3e3c7; + text-align: right; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_footer +{ + text-align: left; +} + +/* tabs */ + +.cke_skin_v2 .cke_dialog_tabs +{ + height: 23px; + background-color: #e3e3c7; + display: inline-block; + margin-left:10px; + margin-right:10px; + margin-top:-23px; + position: absolute; + z-index: 2; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_tabs +{ + right: 10px; +} + +.cke_skin_v2 a.cke_dialog_tab, +.cke_skin_v2 a:link.cke_dialog_tab, +.cke_skin_v2 a:active.cke_dialog_tab, +.cke_skin_v2 a:hover.cke_dialog_tab, +.cke_skin_v2 a:visited.cke_dialog_tab +{ + color: #737357; + border-left: 1px solid #d5d59d; + border-right: 1px solid #d5d59d; + border-top: 1px solid #d5d59d; + height: 14px; + padding: 4px 5px; + display: inline-block; + cursor: pointer; +} + +/* Gecko 1.8 layout workaround. */ +.cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab, +.cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab, +.cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab, +.cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab, +.cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab +{ + display: inline; + position: relative; + top: 6px; +} + +.cke_skin_v2 a:hover.cke_dialog_tab +{ + background-color: #f1f1e3; +} + +.cke_skin_v2 a.cke_dialog_tab_selected, +.cke_skin_v2 a:link.cke_dialog_tab_selected, +.cke_skin_v2 a:active.cke_dialog_tab_selected, +.cke_skin_v2 a:hover.cke_dialog_tab_selected, +.cke_skin_v2 a:visited.cke_dialog_tab_selected +{ + border-bottom: 1px solid #f1f1e3; + background-color: #f1f1e3; + font-weight: bold; + cursor: default; +} + +/* single_page */ + +.cke_skin_v2 .cke_single_page .cke_dialog_tabs +{ + display: none; +} + +.cke_skin_v2 .cke_single_page .cke_dialog_title +{ + padding-bottom: 3px; +} + +.cke_skin_v2 .cke_dialog_ui_vbox table, +.cke_skin_v2 .cke_dialog_ui_hbox table +{ + margin: auto; +} + +.cke_skin_v2 .cke_dialog_ui_vbox_child +{ + padding: 5px 0px; +} + +.cke_skin_v2 input.cke_dialog_ui_input_text, +.cke_skin_v2 input.cke_dialog_ui_input_password +{ + background-color: white; + border: none; + padding: 0px; + width: 100%; + height: 14px; +} + +.cke_skin_v2 div.cke_dialog_ui_input_text, +.cke_skin_v2 div.cke_dialog_ui_input_password +{ + background-color: white; + border: 1px solid #a0a0a0; + padding: 1px 0px; +} + +.cke_skin_v2 textarea.cke_dialog_ui_input_textarea +{ + background-color: white; + border: none; + padding: 0px; + width: 100%; + /* + * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden. + * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users. + */ + _width: 99%; + overflow: auto; + resize: none; +} + +.cke_skin_v2 div.cke_dialog_ui_input_textarea +{ + background-color: white; + border: 1px solid #a0a0a0; + padding: 1px 0px; +} + +.cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content * +{ + background-color : #a0a0a0; + cursor : default; +} + +.cke_skin_v2 .cke_dialog_ui_hbox +{ + width: 100%; +} + +.cke_skin_v2 .cke_dialog_ui_hbox_first, +.cke_skin_v2 .cke_dialog_ui_hbox_child, +.cke_skin_v2 .cke_dialog_ui_hbox_last +{ + vertical-align: top; +} + +.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first, +.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child +{ + padding-right: 10px; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first, +.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child +{ + padding-left: 10px; +} + +/* button */ + +.cke_skin_v2 a.cke_dialog_ui_button +{ + border-collapse: separate; + cursor: default; +} + +.cke_skin_v2 span.cke_dialog_ui_button +{ + border: #737357 1px solid; + padding: 2px 10px; + text-align: center; + color: #3b3b1f; + background-color: #c7c78f; + display: inline-block; + cursor: default; +} + +/* Gecko 1.8 does not support display: inline-block */ +.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button +{ + display: block; +} + +.cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled +{ + border: #898980 1px solid; + color: #5e5e55; + background-color: #c5c5b3; +} + +.cke_skin_v2 a:focus span.cke_dialog_ui_button, +.cke_skin_v2 a:active span.cke_dialog_ui_button +{ + background-color: #e3e3c7; +} + +.cke_skin_v2 .cke_dialog_footer_buttons +{ + display: inline-table; + margin-right: 12px; + margin-left: 12px; + width: auto; + position: relative; +} + +/* Gecko 1.8 does not support for display: inline-table */ +.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons +{ + display: inline; +} + +.cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button +{ + width: 60px; + margin: 7px 0; +} + +.cke_skin_v2 strong +{ + font-weight: bold; +} + +/* close_button */ + +.cke_skin_v2 .cke_dialog_close_button +{ + background-image: url(images/sprites.png); + background-repeat: no-repeat; + background-position: -16px -651px; + position: absolute; + cursor: pointer; + text-align: center; + height: 20px; + width: 20px; + top: 5px; + + /* IE6 does not support full color transparent PNG. */ + _background-image: url(images/sprites_ie6.png); +} + +.cke_skin_v2 .cke_dialog_close_button span +{ + display: none; +} + +.cke_skin_v2 .cke_dialog_close_button:hover +{ + background-position: -16px -687px; +} + +.cke_skin_v2 .cke_ltr .cke_dialog_close_button +{ + right: 10px; + _right: 22px; +} + +.cke_skin_v2 .cke_rtl .cke_dialog_close_button +{ + left: 10px; + _left: 16px; + _top: 7px; +} + +.cke_skin_v2 .cke_browser_ie6.cke_rtl .cke_dialog_close_button +{ + position: relative; + float: left; + margin-top: -55px; + margin-left: -7px; +} + +.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button +{ + margin-top: -32px; +} + +.cke_skin_v2 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button +{ + margin-top: 0; +} + +.cke_skin_v2 .cke_dialog_ui_input_select +{ + border: 1px solid #a0a0a0; + background-color: white; +} + +.cke_skin_v2 iframe.cke_dialog_ui_input_file +{ + width: 100%; + height: 25px; +} + +/* + * Some utility CSS classes for dialog authors. + */ +.cke_skin_v2 .cke_dialog .cke_dark_background +{ + background-color: #eaead1; +} + +.cke_skin_v2 .cke_dialog .cke_hand +{ + cursor: pointer; +} + +.cke_skin_v2 .cke_dialog .cke_centered +{ + text-align: center; +} + +.cke_skin_v2 .cke_dialog a.cke_btn_reset +{ + float: right; + background-position: 0 -32px; + background-image: url(images/mini.gif); + width: 16px; + height: 16px; + background-repeat: no-repeat; + border: 1px none; + font-size: 1px; +} + +.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset +{ + float: left; +} + +.cke_skin_v2 .cke_dialog a.cke_btn_locked, +.cke_skin_v2 .cke_dialog a.cke_btn_unlocked +{ + float: left; + background-position: 0 0; + background-image: url(images/mini.gif); + width: 16px; + height: 16px; + background-repeat: no-repeat; + border: none 1px; + font-size: 1px; +} + +.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked, +.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked +{ + float: right; +} + +.cke_skin_v2 .cke_dialog a.cke_btn_unlocked +{ + background-position: 0 -16px; + background-image: url(images/mini.gif); +} + +.cke_skin_v2 .cke_dialog .cke_btn_over +{ + border: outset 1px; + cursor: pointer; + cursor: hand; +} + +.cke_skin_v2 .cke_dialog #ImagePreviewBox +{ + white-space : normal; + border : 2px ridge black; + overflow : scroll; + height : 160px; + width : 230px; + padding : 2px; + background-color : white; +} +.cke_skin_v2 .cke_dialog #ImagePreviewLoader +{ + position: absolute; + white-space : normal; + overflow : hidden; + height : 160px; + width : 230px; + margin : 2px; + padding : 2px; + opacity : 0.9; + filter : alpha(opacity=90); + + background-color : #e4e4e4; +} + +.cke_skin_v2 .cke_dialog #FlashPreviewBox +{ + white-space : normal; + border : 2px ridge black; + overflow : auto; + height : 160px; + width : 390px; + padding : 2px; + background-color : white; +} + +.cke_skin_v2 .cke_dialog .cke_dark_background +{ + text-align : center; + background-color: #eaead1; + font-size : 14px; +} + +.cke_skin_v2 .cke_dialog .cke_light_background +{ + text-align : center; + background-color: #ffffbe; +} + +.cke_skin_v2 .cke_dialog .cke_hand +{ + cursor: pointer; + cursor: hand; +} + +.cke_skin_v2 .cke_disabled +{ + color: #a0a0a0; +} + +/* High Contrast Mode */ +.cke_skin_v2 .cke_hc .cke_dialog_title, +.cke_skin_v2 .cke_hc .cke_dialog_tabs, +.cke_skin_v2 .cke_hc .cke_dialog_contents, +.cke_skin_v2 .cke_hc .cke_dialog_footer +{ + border-left: 1px solid; + border-right: 1px solid; +} + +.cke_skin_v2 .cke_hc .cke_dialog_title +{ + border-top: 1px solid; +} + +.cke_skin_v2 .cke_hc .cke_dialog_footer +{ + border-bottom: 1px solid; +} + +.cke_skin_v2 .cke_hc .cke_dialog_close_button span +{ + display: inline; + cursor: pointer; + cursor: hand; + font-weight: bold; + position: relative; + top: 3px; +} + +.cke_skin_v2 a.cke_smile img +{ + /* IE6 does not support transparent borders */ + border: 2px solid #eaead1; +} + +.cke_skin_v2 a.cke_smile:focus img, +.cke_skin_v2 a.cke_smile:active img, +.cke_skin_v2 a.cke_smile:hover img +{ + border-color: #C7C78F; +} diff --git a/_source/skins/v2/editor.css b/_source/skins/v2/editor.css new file mode 100644 index 0000000..8bf05b4 --- /dev/null +++ b/_source/skins/v2/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_v2, +html.cke_skin_v2_container +{ + visibility: visible; +} diff --git a/_source/skins/v2/elementspath.css b/_source/skins/v2/elementspath.css new file mode 100644 index 0000000..84424f6 --- /dev/null +++ b/_source/skins/v2/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_v2 .cke_path +{ + padding: 3px 3px 0 3px; + display: inline-block; + float: left; +} + +.cke_skin_v2 .cke_rtl .cke_path +{ + float: right; +} + +.cke_skin_v2 .cke_path a, +.cke_skin_v2 .cke_path .cke_empty +{ + display: inline-block; + float: left; + border: solid 1px #efefde; + background-color: #efefde; + padding-top: 1px; + padding-bottom: 1px; + padding-left: 4px; + padding-right: 4px; + margin-bottom : 3px; +} + +.cke_skin_v2 .cke_path .cke_empty +{ + visibility: hidden; +} + +.cke_skin_v2 .cke_rtl .cke_path a, +.cke_skin_v2 .cke_rtl .cke_path cke_empty +{ + float: right; +} + +.cke_skin_v2 .cke_path a:hover, +.cke_skin_v2 .cke_path a:focus, +.cke_skin_v2 .cke_path a:active /* IE */ +{ + border: solid 1px #316ac5; + background-color: #dff1ff; + padding-top: 1px; + padding-bottom: 1px; + padding-left: 4px; + padding-right: 4px; + outline: none; +} + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_path a, +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_path .cke_empty +{ + float: none; +} diff --git a/_source/skins/v2/icons.css b/_source/skins/v2/icons.css new file mode 100644 index 0000000..4675974 --- /dev/null +++ b/_source/skins/v2/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_v2 .cke_button_source .cke_icon +{ + background-position: 0 0; +} + +.cke_skin_v2 .cke_button_newpage .cke_icon +{ + background-position: 0 -48px; +} + +.cke_skin_v2 .cke_button_preview .cke_icon +{ + background-position: 0 -64px; +} + +.cke_skin_v2 .cke_button_cut .cke_icon +{ + background-position: 0 -96px; +} + +.cke_skin_v2 .cke_button_copy .cke_icon +{ + background-position: 0 -112px; +} + +.cke_skin_v2 .cke_button_paste .cke_icon +{ + background-position: 0 -128px; +} + +.cke_skin_v2 .cke_button_pastetext .cke_icon +{ + background-position: 0 -144px; +} + +.cke_skin_v2 .cke_button_find .cke_icon +{ + background-position: 0 -240px; +} + +.cke_skin_v2 .cke_button_replace .cke_icon +{ + background-position: 0 -256px; +} + +.cke_skin_v2 .cke_button_selectAll .cke_icon +{ + background-position: 0 -272px; +} + +.cke_skin_v2 .cke_button_removeFormat .cke_icon +{ + background-position: 0 -288px; +} + +.cke_skin_v2 .cke_button_bold .cke_icon +{ + background-position: 0 -304px; +} + +.cke_skin_v2 .cke_button_italic .cke_icon +{ + background-position: 0 -320px; +} + +.cke_skin_v2 .cke_button_underline .cke_icon +{ + background-position: 0 -336px; +} + +.cke_skin_v2 .cke_button_strike .cke_icon +{ + background-position: 0 -352px; +} + +.cke_skin_v2 .cke_button_subscript .cke_icon +{ + background-position: 0 -368px; +} + +.cke_skin_v2 .cke_button_superscript .cke_icon +{ + background-position: 0 -384px; +} + +.cke_skin_v2 .cke_button_table .cke_icon +{ + background-position: 0 -608px; +} + +.cke_skin_v2 .cke_button_horizontalrule .cke_icon +{ + background-position: 0 -624px; +} + +.cke_skin_v2 .cke_button_smiley .cke_icon +{ + background-position: 0 -640px; +} + +.cke_skin_v2 .cke_button_link .cke_icon +{ + background-position: 0 -528px; +} + +.cke_skin_v2 .cke_button_unlink .cke_icon +{ + background-position: 0 -544px; +} + +.cke_skin_v2 .cke_button_anchor .cke_icon +{ + background-position: 0 -560px; +} + +.cke_skin_v2 .cke_button_image .cke_icon +{ + background-position: 0 -576px; +} + +.cke_skin_v2 .cke_button_flash .cke_icon +{ + background-position: 0 -592px; +} + +.cke_skin_v2 .cke_button_specialchar .cke_icon +{ + background-position: 0 -656px; +} + +.cke_skin_v2 .cke_button_pagebreak .cke_icon +{ + background-position: 0 -672px; +} + +.cke_skin_v2 .cke_button_print .cke_icon +{ + background-position: 0 -176px; +} + +.cke_skin_v2 .cke_button_checkspell .cke_icon, +.cke_skin_v2 .cke_button_scayt .cke_icon +{ + background-position: 0 -192px; +} + +.cke_skin_v2 .cke_button_pagebreak .cke_icon +{ + background-position: 0 -672px; +} + +.cke_skin_v2 .cke_button_textcolor .cke_icon +{ + background-position: 0 -704px; +} + +.cke_skin_v2 .cke_button_bgcolor .cke_icon +{ + background-position: 0 -720px; +} + +.cke_skin_v2 .cke_button_form .cke_icon +{ + background-position: 0 -752px; +} + +.cke_skin_v2 .cke_button_checkbox .cke_icon +{ + background-position: 0 -768px; +} + +.cke_skin_v2 .cke_button_radio .cke_icon +{ + background-position: 0 -784px; +} + +.cke_skin_v2 .cke_button_textfield .cke_icon +{ + background-position: 0 -800px; +} + +.cke_skin_v2 .cke_button_textarea .cke_icon +{ + background-position: 0 -816px; +} +.cke_skin_v2 .cke_button_showblocks .cke_icon +{ + background-position: 0 -1136px; +} + +.cke_skin_v2 .cke_button_select .cke_icon +{ + background-position: 0 -832px; +} + +.cke_skin_v2 .cke_button_button .cke_icon +{ + background-position: 0 -848px; +} + +.cke_skin_v2 .cke_button_imagebutton .cke_icon +{ + background-position: 0 -864px; +} + +.cke_skin_v2 .cke_button_hiddenfield .cke_icon +{ + background-position: 0 -880px; +} + +.cke_skin_v2 .cke_button_undo .cke_icon +{ + background-position: 0 -208px; +} + +.cke_skin_v2 .cke_rtl .cke_button_undo .cke_icon +{ + background-position: 0 -224px; +} + +.cke_skin_v2 .cke_button_redo .cke_icon +{ + background-position: 0 -224px; +} + +.cke_skin_v2 .cke_rtl .cke_button_redo .cke_icon +{ + background-position: 0 -208px; +} + +.cke_skin_v2 .cke_button_templates .cke_icon +{ + background-position: 0 -80px; +} + +.cke_skin_v2 .cke_button_numberedlist .cke_icon +{ + background-position: 0 -400px; +} + +.cke_skin_v2 .cke_button_bulletedlist .cke_icon +{ + background-position: 0 -416px; +} + +.cke_skin_v2 .cke_button_outdent .cke_icon +{ + background-position: 0 -432px; +} + +.cke_skin_v2 .cke_button_indent .cke_icon +{ + background-position: 0 -448px; +} + +.cke_skin_v2 .cke_button_justifyleft .cke_icon +{ + background-position: 0 -464px; +} + +.cke_skin_v2 .cke_button_justifycenter .cke_icon +{ + background-position: 0 -480px; +} + +.cke_skin_v2 .cke_button_justifyright .cke_icon +{ + background-position: 0 -496px; +} + +.cke_skin_v2 .cke_button_justifyblock .cke_icon +{ + background-position: 0 -512px; +} + +.cke_skin_v2 .cke_button_blockquote .cke_icon +{ + background-position: 0 -1152px; +} + +.cke_skin_v2 .cke_button_flash .cke_icon +{ + background-position: 0 -592px; +} + +.cke_skin_v2 .cke_button_pastefromword .cke_icon +{ + background-position: 0 -160px; +} + +.cke_skin_v2 .cke_button_save .cke_icon +{ + background-position: 0 -32px; +} + +.cke_skin_v2 .cke_button_about .cke_icon +{ + background-position: 0 -736px; +} + +.cke_skin_v2 .cke_button_maximize .cke_icon +{ + background-position: 0 -1040px; +} diff --git a/_source/skins/v2/icons.png b/_source/skins/v2/icons.png Binary files differnew file mode 100644 index 0000000..394ce89 --- /dev/null +++ b/_source/skins/v2/icons.png diff --git a/_source/skins/v2/images/dialog_sides.gif b/_source/skins/v2/images/dialog_sides.gif Binary files differnew file mode 100644 index 0000000..8f91b47 --- /dev/null +++ b/_source/skins/v2/images/dialog_sides.gif diff --git a/_source/skins/v2/images/dialog_sides.png b/_source/skins/v2/images/dialog_sides.png Binary files differnew file mode 100644 index 0000000..1042a61 --- /dev/null +++ b/_source/skins/v2/images/dialog_sides.png diff --git a/_source/skins/v2/images/dialog_sides_rtl.png b/_source/skins/v2/images/dialog_sides_rtl.png Binary files differnew file mode 100644 index 0000000..d7f7b49 --- /dev/null +++ b/_source/skins/v2/images/dialog_sides_rtl.png diff --git a/_source/skins/v2/images/mini.gif b/_source/skins/v2/images/mini.gif Binary files differnew file mode 100644 index 0000000..54d9107 --- /dev/null +++ b/_source/skins/v2/images/mini.gif diff --git a/_source/skins/v2/images/noimage.png b/_source/skins/v2/images/noimage.png Binary files differnew file mode 100644 index 0000000..1598113 --- /dev/null +++ b/_source/skins/v2/images/noimage.png diff --git a/_source/skins/v2/images/sprites.png b/_source/skins/v2/images/sprites.png Binary files differnew file mode 100644 index 0000000..982717b --- /dev/null +++ b/_source/skins/v2/images/sprites.png diff --git a/_source/skins/v2/images/sprites_ie6.png b/_source/skins/v2/images/sprites_ie6.png Binary files differnew file mode 100644 index 0000000..4389b65 --- /dev/null +++ b/_source/skins/v2/images/sprites_ie6.png diff --git a/_source/skins/v2/images/toolbar_start.gif b/_source/skins/v2/images/toolbar_start.gif Binary files differnew file mode 100644 index 0000000..1774246 --- /dev/null +++ b/_source/skins/v2/images/toolbar_start.gif diff --git a/_source/skins/v2/mainui.css b/_source/skins/v2/mainui.css new file mode 100644 index 0000000..33eedea --- /dev/null +++ b/_source/skins/v2/mainui.css @@ -0,0 +1,112 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +.cke_skin_v2 .cke_editor +{ +/* + border: solid 1px #dcdcdc; +*/ + display: inline-table; + width: 100%; +} + +.cke_skin_v2 +{ + display: block; +} + +.cke_skin_v2 .cke_wrapper +{ + display: block; +} + +.cke_skin_v2 .cke_browser_opera .cke_editor +{ + display: table; +} + +.cke_skin_v2 .cke_top, .cke_skin_v2 .cke_bottom +{ + background-color: #efefde; +} + +.cke_skin_v2 .cke_top +{ + border-top: solid 1px #fafaf5; + border-left: solid 1px #fafaf5; + border-right: solid 1px #696969; + border-bottom: solid 2px #696969; +} + +.cke_skin_v2 .cke_rtl .cke_top +{ + border-left: solid 1px #696969; + border-right: solid 1px #fafaf5; +} + +.cke_skin_v2 .cke_bottom +{ + border-left: solid 1px #696969; + border-right: solid 1px #696969; + border-bottom: solid 1px #696969; +} + +.cke_skin_v2 .cke_contents +{ + border: solid 1px #696969; +} + +.cke_skin_v2 .cke_focus +{ + outline: auto 5px -webkit-focus-ring-color; +} + +.cke_skin_v2 textarea.cke_source +{ + font-family: 'Courier New' , Monospace; + font-size: small; + background-color: #fff; + white-space: pre; +} + +.cke_skin_v2 .cke_browser_iequirks textarea.cke_source +{ + /* For IE6+Quirks only */ + _white-space: normal; +} + +.cke_skin_v2 .cke_resizer +{ + width: 12px; + height: 12px; + margin-top: 16px; + display: block; + float: right; + /* resizer.gif*/ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-position: 0 -801px; + background-repeat: no-repeat; + cursor: se-resize; +} + +.cke_skin_v2 .cke_rtl .cke_resizer +{ + cursor: sw-resize; + /* resizer_rtl.gif*/ + background-position: 0 -828px; + float: left; +} + +.cke_skin_v2 .cke_maximized .cke_resizer +{ + display: none; +} + +.cke_skin_v2 .cke_browser_ie6 .cke_contents textarea, +.cke_skin_v2 .cke_browser_ie7 .cke_contents textarea +{ + position: absolute; +} diff --git a/_source/skins/v2/menu.css b/_source/skins/v2/menu.css new file mode 100644 index 0000000..d7ca87c --- /dev/null +++ b/_source/skins/v2/menu.css @@ -0,0 +1,178 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +.cke_skin_v2 .cke_contextmenu +{ + padding: 2px; +} + +.cke_skin_v2 .cke_menuitem a +{ + display:block; +} + +.cke_skin_v2 .cke_menuitem span +{ + cursor: default; +} + +.cke_skin_v2 .cke_menuitem a:hover, +.cke_skin_v2 .cke_menuitem a:focus, +.cke_skin_v2 .cke_menuitem a:active +{ + background-color: #8f8f73; + display:block; +} + +.cke_skin_v2 .cke_menuitem a.cke_disabled:hover, +.cke_skin_v2 .cke_menuitem a.cke_disabled:focus, +.cke_skin_v2 .cke_menuitem a.cke_disabled:active +{ + background-color: transparent !important; +} + +.cke_skin_v2 .cke_menuitem .cke_icon +{ + background-image: url(icons.png); + background-position: 100px; + background-repeat:no-repeat; + background-color: transparent; + width: 16px; + height: 16px; + float: left; +} + +.cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon +{ + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_menuitem .cke_icon_wrapper +{ + background-color: #e3e3c7; + border: solid 4px #e3e3c7; + width: 16px; + height: 16px; + float: left; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon_wrapper +{ + float: right; +} + +.cke_skin_v2 .cke_menuitem a:hover .cke_icon_wrapper, +.cke_skin_v2 .cke_menuitem a:focus .cke_icon_wrapper, +.cke_skin_v2 .cke_menuitem a:active .cke_icon_wrapper +{ + background-color: #9d9d9d; + border: solid 4px #9d9d9d; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper, +.cke_skin_v2 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper, +.cke_skin_v2 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper +{ + background-color: #e3e3c7; + border: solid 4px #e3e3c7; +} + +.cke_skin_v2 .cke_menuitem .cke_label +{ + display:block; + padding-right: 3px; + padding-top: 5px; + padding-left: 4px; + height:19px; + margin-left: 24px; + background-color: #fff; + _overflow: hidden; + _width: 80px; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_rtl .cke_skin_v2 .cke_menuitem .cke_label +{ + padding-right: 0; + margin-left: 0; + padding-left: 3px; + margin-right: 28px; +} + +.cke_skin_v2 .cke_menuitem a.cke_disabled .cke_label +{ + filter: alpha(opacity=30); /* IE */ + opacity: 0.30; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_menuitem a:hover .cke_label, +.cke_skin_v2 .cke_menuitem a:focus .cke_label, +.cke_skin_v2 .cke_menuitem a:active .cke_label +{ + background-color: #8f8f73; + color: white; +} + +.cke_skin_v2 .cke_menuitem a.cke_disabled:hover .cke_label, +.cke_skin_v2 .cke_menuitem a.cke_disabled:focus .cke_label, +.cke_skin_v2 .cke_menuitem a.cke_disabled:active .cke_label +{ + background-color: transparent; + color: black; +} + +.cke_skin_v2 .cke_menuseparator +{ + background-color: #e3e3c7; + height: 2px; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ + + _font-size: 0; +} + +.cke_skin_v2 .cke_menuarrow +{ + /* arrowright.gif*/ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-position: 0 -784px; + background-repeat: no-repeat; + height: 5px; + width: 3px; + float: right; + margin-right: 2px; + margin-top: 3px; +} + +/* Never applied */ +.cke_rtl .cke_skin_v2 .cke_menuarrow +{ + float: left; + margin-right: 0; + margin-left: 2px; + /* arrowleft.gif*/ + background-position: 0 -763px; +} + +/* #3766 In the context menu, long labels with second level menu get wrapped */ +.cke_browser_ie.cke_ltr .cke_skin_v2 .cke_menuarrow +{ + position: absolute; + right: 2px; +} + +.cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuarrow +{ + position: absolute; + left: 2px; +} +/* END #3766 */ diff --git a/_source/skins/v2/panel.css b/_source/skins/v2/panel.css new file mode 100644 index 0000000..ab34c93 --- /dev/null +++ b/_source/skins/v2/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_v2 .cke_panel +{ + border: 1px solid #8f8f73; + background-color: #fff; + + width: 120px; + height: 100px; + + overflow:hidden; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +/* Ideally we would use "inherit here"... but you know... IE :( */ +.cke_skin_v2 .cke_panel iframe +{ + width: 100%; + height: 100%; +} + +/* + * All the following styles are to be used inside the iframe that holds panel + * contents. We don't use the cke_skin_default there to avoid the reset to be + * active. + * This is not an issue as we'll never have two skins running inside the same + * panel iframe. + */ + +html.cke_skin_v2_container +{ + overflow: auto; + overflow-x: hidden; +} + +body.cke_panel_frame +{ + overflow: auto; + overflow-x: hidden; +} + +ul.cke_panel_list +{ + list-style-type: none; + margin: 3px; + padding: 0px; + white-space: nowrap; +} + +li.cke_panel_listItem +{ + margin: 0px; +} + +.cke_panel_listItem a +{ + padding: 2px; + display: block; + border: 1px solid #fff; + color: inherit; + text-decoration: none; + overflow: hidden; + text-overflow: ellipsis; +} + +/* IE6 */ +* html .cke_panel_listItem a +{ + width : 100%; + + /* IE is not able to inherit the color, so we must force it to black */ + color: #000; +} + +/* IE7 */ +*:first-child+html .cke_panel_listItem a +{ + /* IE is not able to inherit the color, so we must force it to black */ + color: #000; +} + +.cke_panel_listItem.cke_selected a +{ + border: 1px solid #ccc; + background-color: #e9f5ff; +} + +.cke_panel_listItem a:hover, +.cke_panel_listItem a:focus, +.cke_panel_listItem a:active +{ + border-color: #316ac5; + background-color: #dff1ff; +} + +.cke_panel_grouptitle +{ + font-size: 11px; + font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; + font-weight: bold; + white-space: nowrap; + background-color: #dcdcdc; + color: #000; + margin:0px; + padding:3px; +} + +.cke_panel_listItem p, +.cke_panel_listItem h1, +.cke_panel_listItem h2, +.cke_panel_listItem h3, +.cke_panel_listItem h4, +.cke_panel_listItem h5, +.cke_panel_listItem h6, +.cke_panel_listItem pre +{ + margin-top: 3px; + margin-bottom: 3px; +} + +.cke_skin_v2 .cke_button_textcolor_panel, +.cke_skin_v2 .cke_button_bgcolor_panel +{ + width: 150px; + height: 135px; +} + +.cke_colorblock +{ + padding: 3px; + font-size: 11px; + font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; +} + +.cke_colorblock, +.cke_colorblock a +{ + text-decoration: none; + color: #000; +} + +span.cke_colorbox +{ + width: 10px; + height: 10px; + border: #808080 1px solid; + float: left; +} + +.cke_rtl span.cke_colorbox +{ + float: right; +} + +a.cke_colorbox +{ + border: #fff 1px solid; + padding: 2px; + float: left; +} + +.cke_rtl a.cke_colorbox +{ + float: right; +} + +a:hover.cke_colorbox, +a:focus.cke_colorbox, +a:active.cke_colorbox +{ + border: #316ac5 1px solid; + background-color: #dff1ff; +} + +a.cke_colorauto, +a.cke_colormore +{ + border: #fff 1px solid; + padding: 2px; + display: block; +} + +a:hover.cke_colorauto, +a:hover.cke_colormore, +a:focus.cke_colorauto, +a:focus.cke_colormore, +a:active.cke_colorauto, +a:active.cke_colormore +{ + border: #316ac5 1px solid; + background-color: #dff1ff; +} diff --git a/_source/skins/v2/presets.css b/_source/skins/v2/presets.css new file mode 100644 index 0000000..3eec636 --- /dev/null +++ b/_source/skins/v2/presets.css @@ -0,0 +1,50 @@ +/* +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_v2 .cke_button_source .cke_label +{ + display: inline; /* FF2 */ + display: inline-block; +} + +/* "Styles" panel size */ +.cke_skin_v2 .cke_styles_panel +{ + width: 150px; + height: 170px; +} + +/* "Format" panel size */ +.cke_skin_v2 .cke_format_panel +{ + width: 150px; + height: 170px; +} + +/* "Font" panel size */ +.cke_skin_v2 .cke_font_panel +{ + width: 150px; + height: 170px; +} + +/* "Font Size" panel size */ +.cke_skin_v2 .cke_fontSize_panel +{ + height: 170px; +} + +/* "Font Size" combo width */ +.cke_skin_v2 .cke_fontSize .cke_text +{ + width: 20px; +} + +/* "Font Size" combo width (IE Quirks) */ +.cke_skin_v2 .cke_browser_iequirks .cke_fontSize .cke_text +{ + width: 32px; +} diff --git a/_source/skins/v2/reset.css b/_source/skins/v2/reset.css new file mode 100644 index 0000000..e4820bb --- /dev/null +++ b/_source/skins/v2/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_v2 *, +.cke_skin_v2 a:hover, +.cke_skin_v2 a:link, +.cke_skin_v2 a:visited, +.cke_skin_v2 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_v2 .cke_rtl *, +.cke_skin_v2 .cke_rtl a:hover, +.cke_skin_v2 .cke_rtl a:link, +.cke_skin_v2 .cke_rtl a:visited, +.cke_skin_v2 .cke_rtl a:active, +.cke_rtl .cke_skin_v2 *, +.cke_rtl .cke_skin_v2 a:hover, +.cke_rtl .cke_skin_v2 a:link, +.cke_rtl .cke_skin_v2 a:visited, +.cke_rtl .cke_skin_v2 a:active +{ + text-align: right; +} + +.cke_skin_v2 iframe +{ + vertical-align: inherit; /** For IE */ +} + +.cke_skin_v2 textarea +{ + white-space: pre; +} + +.cke_skin_v2 .cke_browser_gecko textarea +{ + cursor: text; +} + +.cke_skin_v2 .cke_browser_gecko textarea[disabled] +{ + cursor: default; +} + +.cke_skin_v2 input[type="text"], +.cke_skin_v2 input[type="password"] +{ + cursor: text; +} + +.cke_skin_v2 input[type="text"][disabled], +.cke_skin_v2 input[type="password"][disabled] +{ + cursor: default; +} diff --git a/_source/skins/v2/richcombo.css b/_source/skins/v2/richcombo.css new file mode 100644 index 0000000..73c5273 --- /dev/null +++ b/_source/skins/v2/richcombo.css @@ -0,0 +1,275 @@ +/* Special Combo */ + +.cke_skin_v2 .cke_rcombo +{ + display: inline-block; + margin-left: 2px; + margin-right: 2px; + margin-top: 2px; + vertical-align: top; + float: left; +} + +.cke_skin_v2 .cke_browser_ie .cke_rcombo +{ + #float: none; + #display: inline; +} + +.cke_skin_v2 .cke_rtl .cke_rcombo +{ + float: right; +} + +.cke_skin_v2 .cke_browser_ie .cke_rcombo +{ + #float: none; +} + +.cke_skin_v2 .cke_rcombopanel +{ + border: 1px solid #316ac5; + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + /*margin-left: 1px;*/ + /*_margin-left: 0;*/ +} + +.cke_skin_v2 .cke_rcombo a +{ + display: inline-block; + float: left; + + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_rtl .cke_rcombo a +{ + float: right; +} + +.cke_skin_v2 .cke_hc .cke_rcombo a +{ + filter: alpha(opacity=100); /* IE */ + opacity: 1.0; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_rcombo .cke_label +{ + display: inline-block; + float: left; + + line-height: 24px; + height: 24px; + + vertical-align: top; + padding-left: 4px; + padding-right: 5px; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ + background-color: #f1f1e3; /* Because of IE6+ClearType */ +} + +.cke_skin_v2 .cke_rtl .cke_rcombo .cke_label +{ + float: right; + padding-right: 4px; + padding-left: 5px; +} + +.cke_skin_v2 .cke_hc .cke_rcombo .cke_label +{ + filter: alpha(opacity=100); + opacity: 1.0; +} + +.cke_skin_v2 .cke_rcombo .cke_inline_label +{ + color: #fff; +} + +.cke_skin_v2 .cke_rcombo .cke_text +{ + border: 1px solid #8f8f73; + background-color: #fff; + height: 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_v2 .cke_ltr .cke_rcombo .cke_text +{ + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.cke_skin_v2 .cke_rtl .cke_rcombo .cke_text +{ + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +/* Fix for IE height */ +.cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_text +{ + height: 22px; +} + +.cke_skin_v2 .cke_rcombo .cke_openbutton +{ + display: inline-block; + + background-position: 5px -715px; + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-repeat: no-repeat; + + border-top: 1px solid #8f8f73; + border-bottom: 1px solid #8f8f73; + width: 14px; + height: 22px; +} + +.cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton +{ + border-right: 1px solid #8f8f73; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton +{ + border-left: 1px solid #8f8f73; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.cke_skin_v2 .cke_rcombo .cke_off a:hover, +.cke_skin_v2 .cke_rcombo .cke_off a:focus, +.cke_skin_v2 .cke_rcombo .cke_off a:active, +.cke_skin_v2 .cke_rcombo .cke_on a +{ + filter: alpha(opacity=100); /* IE */ + opacity: 1; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text, +.cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text, +.cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text, +.cke_skin_v2 .cke_rcombo .cke_on .cke_text +{ + border-color: #316ac5; +} + +.cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton, +.cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton, +.cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton, +.cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton +{ + border-color: #316ac5; + background-color: #dff1ff; +} + +.cke_skin_v2 .cke_rcombo .cke_on .cke_text +{ + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +.cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton +{ + -moz-border-radius-bottomright: 0px; + -webkit-border-bottom-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +.cke_skin_v2 .cke_rcombo .cke_disabled .cke_label +{ + filter: alpha(opacity=30); /* IE */ + opacity: 0.3; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label +{ + filter: alpha(opacity=70); + opacity: 0.7; +} + +.cke_skin_v2 .cke_rcombo .cke_disabled .cke_text, +.cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton +{ + filter: alpha(opacity=50); /* IE */ + opacity: 0.5; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text, +.cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton +{ + filter: alpha(opacity=80); + opacity: 0.8; +} + +.cke_skin_v2 .cke_rcombo .cke_disabled .cke_text +{ + color: #fff; +} + +/* Firefox 2 & WebKit Section */ + +.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo, +.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label, +.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text, +.cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton, +.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label, +.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text, +.cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton +{ + display: block; + float: left; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton, +.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label, +.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text, +.cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton +{ + float: right; +} + +/*** IE ***/ + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo, +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a, +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label +{ + float: none; +} diff --git a/_source/skins/v2/skin.js b/_source/skins/v2/skin.js new file mode 100644 index 0000000..76ea940 --- /dev/null +++ b/_source/skins/v2/skin.js @@ -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( 'v2', (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 != 'v2' ) + 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 + var el = innerDialog.getChild( 2 ); + el.setStyle( 'width', ( body.$.offsetWidth ) + 'px' ); + + // bc + el = innerDialog.getChild( 7 ); + el.setStyle( 'width', ( body.$.offsetWidth - 28 ) + 'px' ); + + // ml + el = innerDialog.getChild( 4 ); + el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' ); + + // mr + el = innerDialog.getChild( 5 ); + el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' ); + }, + 100 ); + }); +} diff --git a/_source/skins/v2/templates.css b/_source/skins/v2/templates.css new file mode 100644 index 0000000..71194d2 --- /dev/null +++ b/_source/skins/v2/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_v2 .cke_tpl_list +{ + border: #dcdcdc 2px solid; + background-color: #ffffff; + overflow: auto; + width: 100%; + height: 220px; +} + +.cke_skin_v2 .cke_tpl_item +{ + margin: 5px; + padding: 7px; + border: #eeeeee 1px solid; + *width: 88%; +} + +.cke_skin_v2 .cke_tpl_preview +{ + border-collapse: separate; + text-indent:0; + width: 100%; +} +.cke_skin_v2 .cke_tpl_preview td +{ + padding: 2px; + vertical-align: middle; +} +.cke_skin_v2 .cke_tpl_preview .cke_tpl_preview_img +{ + width: 100px; +} +.cke_skin_v2 .cke_tpl_preview span +{ + white-space: normal; +} + +.cke_skin_v2 .cke_tpl_title +{ + font-weight: bold; +} + +.cke_skin_v2 .cke_tpl_hover +{ + border: #ff9933 1px solid !important; + background-color: #fffacd !important; + cursor: pointer; + cursor: hand; +} +/* + * Fix property 'cursor' doesn't inherit on table + */ +.cke_skin_v2 .cke_tpl_hover * +{ + cursor: inherit; +} + +.cke_skin_v2 .cke_tpl_empty, .cke_tpl_loading +{ + text-align: center; + padding: 5px; +} diff --git a/_source/skins/v2/toolbar.css b/_source/skins/v2/toolbar.css new file mode 100644 index 0000000..2aa6f09 --- /dev/null +++ b/_source/skins/v2/toolbar.css @@ -0,0 +1,405 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +@media print +{ + .cke_skin_v2 .cke_toolbox + { + display: none; + } +} + +.cke_skin_v2 .cke_browser_webkit .cke_toolbox, +.cke_skin_v2 .cke_browser_webkit .cke_toolbox > span +{ + white-space: normal; +} + +.cke_skin_v2 a.cke_toolbox_collapser, +.cke_skin_v2 a:hover.cke_toolbox_collapser +{ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-position: 3px -739px; /* +3px +4px */ + background-repeat: no-repeat; + width: 11px; + height: 11px; + float: right; + border: outset 1px; + margin: 11px 2px 2px; + cursor: pointer; +} + +.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser, +.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser +{ + float: left; +} + +.cke_skin_v2 a.cke_toolbox_collapser_min, +.cke_skin_v2 a:hover.cke_toolbox_collapser_min +{ + /* arrowleft.gif*/ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-position: 4px -760px; /* +4px +3px */ + background-repeat: no-repeat; + margin: 2px; +} + +.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser_min, +.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser_min +{ + /* arrowright.gif*/ + background-position: 4px -781px; /* +2px +3px */ +} + +.cke_skin_v2 .cke_toolbar +{ + padding-top: 1px; + padding-bottom: 1px; + display: inline-block; + float: left; +} + +.cke_skin_v2 .cke_rtl .cke_toolbar +{ + float: right; +} + +.cke_skin_v2 .cke_toolgroup +{ + display: inline-block; + float: left; +} + +.cke_skin_v2 .cke_browser_ie .cke_toolgroup +{ + #float: none; + #display: inline; +} + +.cke_skin_v2 .cke_rtl .cke_toolgroup +{ + float: right; +} + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup +{ + #float: none; +} + +.cke_skin_v2 .cke_separator +{ + display: inline-block; + float: left; + border-left: solid 1px #999; + margin: 0 2px; + height: 16px; +} + +.cke_skin_v2 .cke_browser_ie .cke_separator +{ + #float: none; + #display: inline; +} + +.cke_skin_v2 .cke_rtl .cke_separator +{ + float: right; +} + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator +{ + #float: none; +} + +.cke_skin_v2 .cke_break +{ + clear: left; +} + +.cke_skin_v2 .cke_rtl .cke_break +{ + clear: right; +} + +.cke_skin_v2 .cke_toolbar_start +{ + display: inline-block; + background-image: url(images/toolbar_start.gif); + background-repeat: no-repeat; + margin: 4px 2px 0 2px; + width: 3px; + height: 16px; + float: left; +} + +.cke_skin_v2 .cke_browser_ie .cke_toolbar_start +{ + #float: none; + #display: inline; +} + +.cke_skin_v2 .cke_rtl .cke_toolbar_start +{ + float: right; +} + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start +{ + #float: none; +} + +.cke_skin_v2 .cke_toolbar_end +{ + display: inline-block; + float: left; +} + +.cke_skin_v2 .cke_browser_ie .cke_toolbar_end +{ + #float: none; + #display: inline +} + +.cke_skin_v2 .cke_rtl .cke_toolbar_end +{ + float: right; +} + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end +{ + #float: none; +} + +.cke_skin_v2 .cke_button a, +.cke_skin_v2 .cke_button a:hover, +.cke_skin_v2 .cke_button a:focus, +.cke_skin_v2 .cke_button a:active, +.cke_skin_v2 .cke_button a.cke_off +{ + border: solid 1px #efefde; + display: inline-block; + border-radius: 3px; + outline: none; + padding-top: 2px; + padding-left: 4px; + padding-right: 4px; + padding-bottom: 2px; + height: 18px; + cursor: default; +} + +.cke_skin_v2 .cke_button a, +.cke_skin_v2 .cke_button a.cke_off +{ + background-color: #efefde; + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +.cke_skin_v2 .cke_hc .cke_button a, +.cke_skin_v2 .cke_hc .cke_button a.cke_off +{ + opacity: 1.0; + filter: alpha(opacity=100); +} + +.cke_skin_v2 .cke_button a.cke_on +{ + border: solid 1px #316ac5; + background-color: #a3d7ff; + filter: alpha(opacity=100); /* IE */ + opacity: 1; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_hc .cke_button a.cke_on +{ + padding: 0 2px !important; + border-width: 3px; +} + +.cke_skin_v2 .cke_button a.cke_disabled, +.cke_skin_v2 .cke_browser_ie a:hover.cke_button .cke_disabled +{ + border: solid 1px #efefde; + background-color: #efefde; + filter: alpha(opacity=30); /* IE */ + opacity : 0.3; /* Safari, Opera and Mozilla */ +} + +.cke_skin_v2 .cke_hc .cke_button a.cke_disabled, +.cke_skin_v2 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled +{ + filter: alpha(opacity=60); + opacity: 0.6; +} + +.cke_skin_v2 .cke_button a:hover.cke_on, +.cke_skin_v2 .cke_button a:focus.cke_on, +.cke_skin_v2 .cke_button a:active.cke_on, /* IE */ +.cke_skin_v2 .cke_button a:hover.cke_off, +.cke_skin_v2 .cke_button a:focus.cke_off, +.cke_skin_v2 .cke_button a:active.cke_off /* IE */ +{ + border: solid 1px #316ac5; + background-color: #dff1ff; + filter: alpha(opacity=100); /* IE */ + opacity: 1; /* Safari, Opera and Mozilla */ + padding: 2px 4px; +} + +.cke_skin_v2 .cke_hc .cke_button a:hover.cke_on, +.cke_skin_v2 .cke_hc .cke_button a:focus.cke_on, +.cke_skin_v2 .cke_hc .cke_button a:active.cke_on, /* IE */ +.cke_skin_v2 .cke_hc .cke_button a:hover.cke_off, +.cke_skin_v2 .cke_hc .cke_button a:focus.cke_off, +.cke_skin_v2 .cke_hc .cke_button a:active.cke_off /* IE */ +{ + padding: 0 2px !important; + border-width: 3px; +} + +.cke_skin_v2 .cke_button .cke_icon +{ + background-image: url(icons.png); + background-position: 100px; + background-repeat:no-repeat; + margin-top:1px; + width: 16px; + height: 16px; + display: inline-block; +} + +.cke_skin_v2 .cke_button .cke_label +{ + cursor: default; + display: none; + padding-left: 3px; + vertical-align: 3px; +} + +.cke_skin_v2 .cke_hc .cke_button .cke_label +{ + padding: 0; + display: inline-block; +} + +.cke_skin_v2 .cke_hc .cke_button .cke_icon +{ + display: none; +} + +.cke_skin_v2 .cke_accessibility +{ + position: absolute; + display: block; + width: 0; + height: 0; + overflow: hidden; +} + +.cke_skin_v2 .cke_button .cke_buttonarrow +{ + display: inline-block; + height: 17px; + width: 8px; + background-position: 2px -717px; + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-repeat: no-repeat; +} + +.cke_skin_v2 .cke_rtl .cke_button .cke_buttonarrow +{ + background-position: 0 -717px; + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); +} + +/*** Firefox 2 ***/ + +.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar, +.cke_skin_v2 .cke_browser_gecko18 .cke_button a, +.cke_skin_v2 .cke_browser_gecko18 .cke_button a.cke_off, +.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_icon, +.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_buttonarrow, +.cke_skin_v2 .cke_browser_gecko18 .cke_separator, +.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar_start +{ + display: block; + float: left; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon +{ + display: none; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_separator, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start +{ + float: right; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label, +.cke_skin_v2 .cke_browser_gecko18 .cke_break +{ + float: left; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl span.cke_inline_label +{ + float: right; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label, +.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_break +{ + float: right; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_separator +{ + margin-top: 4px; +} + +.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label +{ + padding-top: 3px; +} + +/*** IE6 ***/ + +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup, +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator, +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start, +.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end +{ + float: none; +} + +/*** IE8 ***/ + +.cke_skin_v2 .cke_browser_ie8 .cke_toolbar, +.cke_skin_v2 .cke_browser_ie8 .cke_toolgroup +{ + vertical-align: top; +} + +.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar, +.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup +{ + /* revert previous */ + vertical-align: baseline; +} |
