JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.0
[ckeditor.git] / _source / skins / v2 / dialog.css
diff --git a/_source/skins/v2/dialog.css b/_source/skins/v2/dialog.css
new file mode 100644 (file)
index 0000000..0585df9
--- /dev/null
@@ -0,0 +1,653 @@
+/*\r
+Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.html or http://ckeditor.com/license\r
+*/\r
+\r
+/* Restore the dialog visibility */\r
+body .cke_dialog\r
+{\r
+       visibility: visible;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_body\r
+{\r
+       margin-left: 16px;\r
+       margin-right: 16px;\r
+       margin-top: 2px;\r
+       margin-bottom: 20px;\r
+       position: relative;\r
+       z-index: 1;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_tl,\r
+.cke_skin_v2 .cke_dialog_tr,\r
+.cke_skin_v2 .cke_dialog_tc,\r
+.cke_skin_v2 .cke_dialog_bl,\r
+.cke_skin_v2 .cke_dialog_br,\r
+.cke_skin_v2 .cke_dialog_bc\r
+{\r
+       background-image: url(images/sprites.png);\r
+       background-repeat: no-repeat;\r
+       position: absolute;\r
+\r
+       /* IE6 does not support full color transparent PNG. */\r
+       _background-image: url(images/sprites_ie6.png);\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_tl\r
+{\r
+       background-position: -16px -16px;\r
+       height: 16px;\r
+       width: 16px;\r
+       top: 0;\r
+       left: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_tl\r
+{\r
+       background-position: -16px -397px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_tr\r
+{\r
+       background-position: -16px -76px;\r
+       height: 16px;\r
+       width: 16px;\r
+       top: 0;\r
+       right: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_tr\r
+{\r
+       background-position: -16px -457px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_tc\r
+{\r
+       background-position: 0 -136px;\r
+       background-repeat: repeat-x;\r
+       height: 16px;\r
+       top: 0;\r
+       left: 16px;\r
+       right: 16px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_bl\r
+{\r
+       background-position: -16px -196px;\r
+       height: 51px;\r
+       width: 30px;\r
+       bottom: 0;\r
+       left: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_bl\r
+{\r
+       background-position: -16px -517px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_br\r
+{\r
+       background-position: -16px -263px;\r
+       height: 51px;\r
+       width: 30px;\r
+       bottom: 0;\r
+       right: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_br\r
+{\r
+       background-position: -16px -584px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_bc\r
+{\r
+       background-position: 0 -330px;\r
+       background-repeat: repeat-x;\r
+       height: 51px;\r
+       bottom: 0;\r
+       left: 30px;\r
+       right: 30px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ml,\r
+.cke_skin_v2 .cke_dialog_mr\r
+{\r
+       background-image: url(images/dialog_sides.png);\r
+       background-repeat: repeat-y;\r
+       position: absolute;\r
+       width: 16px;\r
+       top: 16px;\r
+       bottom: 51px;\r
+\r
+       /* IE6 does not support full color transparent PNG. */\r
+       _background-image: url(images/dialog_sides.gif);\r
+\r
+       /* IE quirks gets confused when we have both top and bottom. */\r
+       _top: auto;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_ml,\r
+.cke_skin_v2 .cke_rtl .cke_dialog_mr\r
+{\r
+       background-image: url(images/dialog_sides_rtl.png);\r
+\r
+       /* IE6 does not support full color transparent PNG. */\r
+       _background-image: url(images/dialog_sides.gif);\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ml\r
+{\r
+       background-position: 0 0;\r
+       left: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_mr\r
+{\r
+       background-position: -16px 0;\r
+       right: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml,\r
+.cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr\r
+{\r
+       margin-top: 3px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_title\r
+{\r
+       font-weight: bold;\r
+       font-size: 14pt;\r
+       color: #737357;\r
+       background-color: #e3e3c7;\r
+       padding: 3px 10px 26px 10px;\r
+       cursor: move;\r
+       position: relative;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title\r
+{\r
+       position: static !important;\r
+       unicode-bidi: bidi-override;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_contents\r
+{\r
+       background-color: #f1f1e3;\r
+       border: #d5d59d 1px solid;\r
+       overflow: auto;\r
+       padding: 5px 10px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_footer\r
+{\r
+       background-color: #e3e3c7;\r
+       text-align: right;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_footer\r
+{\r
+       text-align: left;\r
+}\r
+\r
+/* tabs */\r
+\r
+.cke_skin_v2 .cke_dialog_tabs\r
+{\r
+       height: 23px;\r
+       background-color: #e3e3c7;\r
+       display: inline-block;\r
+       margin-left:10px;\r
+       margin-right:10px;\r
+       margin-top:-23px;\r
+       position: absolute;\r
+       z-index: 2;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_tabs\r
+{\r
+       right: 10px;\r
+}\r
+\r
+.cke_skin_v2 a.cke_dialog_tab,\r
+.cke_skin_v2 a:link.cke_dialog_tab,\r
+.cke_skin_v2 a:active.cke_dialog_tab,\r
+.cke_skin_v2 a:hover.cke_dialog_tab,\r
+.cke_skin_v2 a:visited.cke_dialog_tab\r
+{\r
+       color: #737357;\r
+       border-left: 1px solid #d5d59d;\r
+       border-right: 1px solid #d5d59d;\r
+       border-top: 1px solid #d5d59d;\r
+       height: 14px;\r
+       padding: 4px 5px;\r
+       display: inline-block;\r
+       cursor: pointer;\r
+}\r
+\r
+/* Gecko 1.8 layout workaround. */\r
+.cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab,\r
+.cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab,\r
+.cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab,\r
+.cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab,\r
+.cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab\r
+{\r
+       display: inline;\r
+       position: relative;\r
+       top: 6px;\r
+}\r
+\r
+.cke_skin_v2 a:hover.cke_dialog_tab\r
+{\r
+       background-color: #f1f1e3;\r
+}\r
+\r
+.cke_skin_v2 a.cke_dialog_tab_selected,\r
+.cke_skin_v2 a:link.cke_dialog_tab_selected,\r
+.cke_skin_v2 a:active.cke_dialog_tab_selected,\r
+.cke_skin_v2 a:hover.cke_dialog_tab_selected,\r
+.cke_skin_v2 a:visited.cke_dialog_tab_selected\r
+{\r
+       border-bottom: 1px solid #f1f1e3;\r
+       background-color: #f1f1e3;\r
+       font-weight: bold;\r
+       cursor: default;\r
+}\r
+\r
+/* single_page */\r
+\r
+.cke_skin_v2 .cke_single_page .cke_dialog_tabs\r
+{\r
+       display: none;\r
+}\r
+\r
+.cke_skin_v2 .cke_single_page .cke_dialog_title\r
+{\r
+       padding-bottom: 3px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ui_vbox table,\r
+.cke_skin_v2 .cke_dialog_ui_hbox table\r
+{\r
+       margin: auto;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ui_vbox_child\r
+{\r
+       padding: 5px 0px;\r
+}\r
+\r
+.cke_skin_v2 input.cke_dialog_ui_input_text,\r
+.cke_skin_v2 input.cke_dialog_ui_input_password\r
+{\r
+       background-color: white;\r
+       border: none;\r
+       padding: 0px;\r
+       width: 100%;\r
+       height: 14px;\r
+}\r
+\r
+.cke_skin_v2 div.cke_dialog_ui_input_text,\r
+.cke_skin_v2 div.cke_dialog_ui_input_password\r
+{\r
+       background-color: white;\r
+       border: 1px solid #a0a0a0;\r
+       padding: 1px 0px;\r
+}\r
+\r
+.cke_skin_v2 textarea.cke_dialog_ui_input_textarea\r
+{\r
+       background-color: white;\r
+       border: none;\r
+       padding: 0px;\r
+       width: 100%;\r
+       /*\r
+        * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.\r
+        * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.\r
+        */\r
+       _width: 99%;\r
+       overflow: auto;\r
+       resize: none;\r
+}\r
+\r
+.cke_skin_v2 div.cke_dialog_ui_input_textarea\r
+{\r
+       background-color: white;\r
+       border: 1px solid #a0a0a0;\r
+       padding: 1px 0px;\r
+}\r
+\r
+.cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *\r
+{\r
+       background-color : #a0a0a0;\r
+       cursor : default;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ui_hbox\r
+{\r
+       width: 100%;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ui_hbox_first,\r
+.cke_skin_v2 .cke_dialog_ui_hbox_child,\r
+.cke_skin_v2 .cke_dialog_ui_hbox_last\r
+{\r
+       vertical-align: top;\r
+}\r
+\r
+.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first,\r
+.cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child\r
+{\r
+       padding-right: 10px;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first,\r
+.cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child\r
+{\r
+       padding-left: 10px;\r
+}\r
+\r
+/* button */\r
+\r
+.cke_skin_v2 a.cke_dialog_ui_button\r
+{\r
+       border-collapse: separate;\r
+       cursor: default;\r
+}\r
+\r
+.cke_skin_v2 span.cke_dialog_ui_button\r
+{\r
+       border: #737357 1px solid;\r
+       padding: 2px 10px;\r
+       text-align: center;\r
+       color: #3b3b1f;\r
+       background-color: #c7c78f;\r
+       display: inline-block;\r
+       cursor: default;\r
+}\r
+\r
+/* Gecko 1.8 does not support display: inline-block */\r
+.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
+{\r
+       display: block;\r
+}\r
+\r
+.cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled\r
+{\r
+       border: #898980 1px solid;\r
+       color: #5e5e55;\r
+       background-color: #c5c5b3;\r
+}\r
+\r
+.cke_skin_v2 a:focus span.cke_dialog_ui_button,\r
+.cke_skin_v2 a:active span.cke_dialog_ui_button\r
+{\r
+       background-color: #e3e3c7;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_footer_buttons\r
+{\r
+       display: inline-table;\r
+       margin-right: 12px;\r
+       margin-left: 12px;\r
+       width: auto;\r
+       position: relative;\r
+}\r
+\r
+/* Gecko 1.8 does not support for display: inline-table */\r
+.cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons\r
+{\r
+       display: inline;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
+{\r
+       width: 60px;\r
+       margin: 7px 0;\r
+}\r
+\r
+.cke_skin_v2 strong\r
+{\r
+       font-weight: bold;\r
+}\r
+\r
+/* close_button */\r
+\r
+.cke_skin_v2 .cke_dialog_close_button\r
+{\r
+       background-image: url(images/sprites.png);\r
+       background-repeat: no-repeat;\r
+       background-position: -16px -651px;\r
+       position: absolute;\r
+       cursor: pointer;\r
+       text-align: center;\r
+       height: 20px;\r
+       width: 20px;\r
+       top: 5px;\r
+\r
+       /* IE6 does not support full color transparent PNG. */\r
+       _background-image: url(images/sprites_ie6.png);\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_close_button span\r
+{\r
+       display: none;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_close_button:hover\r
+{\r
+       background-position: -16px -687px;\r
+}\r
+\r
+.cke_skin_v2 .cke_ltr .cke_dialog_close_button\r
+{\r
+       right: 10px;\r
+       _right: 22px;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog_close_button\r
+{\r
+       left: 10px;\r
+       _left: 16px;\r
+       _top: 7px;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_ie6.cke_rtl .cke_dialog_close_button\r
+{\r
+       position: relative;\r
+       float: left;\r
+       margin-top: -55px;\r
+       margin-left: -7px;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button\r
+{\r
+       margin-top: -32px;\r
+}\r
+\r
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button\r
+{\r
+       margin-top: 0;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog_ui_input_select\r
+{\r
+       border: 1px solid #a0a0a0;\r
+       background-color: white;\r
+}\r
+\r
+.cke_skin_v2 iframe.cke_dialog_ui_input_file\r
+{\r
+       width: 100%;\r
+       height: 25px;\r
+}\r
+\r
+/*\r
+ * Some utility CSS classes for dialog authors.\r
+ */\r
+.cke_skin_v2 .cke_dialog .cke_dark_background\r
+{\r
+       background-color: #eaead1;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_hand\r
+{\r
+       cursor: pointer;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_centered\r
+{\r
+       text-align: center;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog a.cke_btn_reset\r
+{\r
+       float: right;\r
+       background-position: 0 -32px;\r
+       background-image: url(images/mini.gif);\r
+       width: 16px;\r
+       height: 16px;\r
+       background-repeat: no-repeat;\r
+       border: 1px none;\r
+       font-size: 1px;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset\r
+{\r
+       float: left;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog a.cke_btn_locked,\r
+.cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
+{\r
+       float: left;\r
+       background-position: 0 0;\r
+       background-image: url(images/mini.gif);\r
+       width: 16px;\r
+       height: 16px;\r
+       background-repeat: no-repeat;\r
+       border: none 1px;\r
+       font-size: 1px;\r
+}\r
+\r
+.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,\r
+.cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
+{\r
+       float: right;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
+{\r
+       background-position: 0 -16px;\r
+       background-image: url(images/mini.gif);\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_btn_over\r
+{\r
+       border: outset 1px;\r
+       cursor: pointer;\r
+       cursor: hand;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog  #ImagePreviewBox\r
+{\r
+       white-space : normal;\r
+       border : 2px ridge black;\r
+       overflow : scroll;\r
+       height : 160px;\r
+       width : 230px;\r
+       padding : 2px;\r
+       background-color : white;\r
+}\r
+.cke_skin_v2 .cke_dialog  #ImagePreviewLoader\r
+{\r
+       position: absolute;\r
+       white-space : normal;\r
+       overflow : hidden;\r
+       height : 160px;\r
+       width : 230px;\r
+       margin : 2px;\r
+       padding : 2px;\r
+       opacity : 0.9;\r
+       filter : alpha(opacity=90);\r
+\r
+       background-color : #e4e4e4;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog  #FlashPreviewBox\r
+{\r
+       white-space : normal;\r
+       border : 2px ridge black;\r
+       overflow : auto;\r
+       height : 160px;\r
+       width : 390px;\r
+       padding : 2px;\r
+       background-color : white;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_dark_background\r
+{\r
+       text-align : center;\r
+       background-color: #eaead1;\r
+       font-size : 14px;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_light_background\r
+{\r
+       text-align : center;\r
+       background-color: #ffffbe;\r
+}\r
+\r
+.cke_skin_v2 .cke_dialog .cke_hand\r
+{\r
+       cursor: pointer;\r
+       cursor: hand;\r
+}\r
+\r
+.cke_skin_v2 .cke_disabled\r
+{\r
+       color: #a0a0a0;\r
+}\r
+\r
+/* High Contrast Mode */\r
+.cke_skin_v2 .cke_hc .cke_dialog_title,\r
+.cke_skin_v2 .cke_hc .cke_dialog_tabs,\r
+.cke_skin_v2 .cke_hc .cke_dialog_contents,\r
+.cke_skin_v2 .cke_hc .cke_dialog_footer\r
+{\r
+       border-left: 1px solid;\r
+       border-right: 1px solid;\r
+}\r
+\r
+.cke_skin_v2 .cke_hc .cke_dialog_title\r
+{\r
+       border-top: 1px solid;\r
+}\r
+\r
+.cke_skin_v2 .cke_hc .cke_dialog_footer\r
+{\r
+       border-bottom: 1px solid;\r
+}\r
+\r
+.cke_skin_v2 .cke_hc .cke_dialog_close_button span\r
+{\r
+       display: inline;\r
+       cursor: pointer;\r
+       cursor: hand;\r
+       font-weight: bold;\r
+       position: relative;\r
+       top: 3px;\r
+}\r
+\r
+.cke_skin_v2 a.cke_smile img\r
+{\r
+       /* IE6 does not support transparent borders */\r
+       border: 2px solid #eaead1;\r
+}\r
+\r
+.cke_skin_v2 a.cke_smile:focus img,\r
+.cke_skin_v2 a.cke_smile:active img,\r
+.cke_skin_v2 a.cke_smile:hover img\r
+{\r
+       border-color: #C7C78F;\r
+}\r