X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fskins%2Fkama%2Fdialog.css;h=8e3ab0c05d031d278d553a2861f543fc5da63db8;hb=3fe9cac293e090ea459a3ee10d78cbe9e1dd0e03;hp=d1b64853a56cb6dcaa51744d7eac30d7c1c54333;hpb=7cd80714081a8ffdf4a1a8d2c72f120ed5ef3d6d;p=ckeditor.git

diff --git a/_source/skins/kama/dialog.css b/_source/skins/kama/dialog.css
index d1b6485..8e3ab0c 100644
--- a/_source/skins/kama/dialog.css
+++ b/_source/skins/kama/dialog.css
@@ -1,5 +1,5 @@
 /*
-Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 For licensing, see LICENSE.html or http://ckeditor.com/license
 */
 
@@ -27,7 +27,6 @@ body .cke_dialog
 
 	/* 'cke_dialog' element has been fixed positioned in all but IE6, while we
 		need it to be positioned to hold e.g. close button. */
-	position: relative;
 	_position: static;
 }
 
@@ -67,12 +66,6 @@ body .cke_dialog
 	margin-bottom: 10px;
 }
 
-.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_title
-{
-	position: static !important;
-	unicode-bidi: bidi-override;
-}
-
 .cke_skin_kama .cke_dialog_contents
 {
 	background-color: #ebebeb;
@@ -108,6 +101,16 @@ body .cke_dialog
 	text-align: left;
 }
 
+.cke_skin_kama .cke_dialog_footer .cke_resizer
+{
+	margin-top: 20px;
+}
+.cke_skin_kama .cke_browser_iequirks .cke_dialog_footer .cke_resizer,
+.cke_skin_kama .cke_browser_ie6 .cke_dialog_footer .cke_resizer
+{
+	margin-top: 27px;
+}
+
 /* tabs */
 
 .cke_skin_kama .cke_dialog_tabs
@@ -169,6 +172,12 @@ body .cke_dialog
 	background-color: #f1f1e3;
 }
 
+.cke_skin_kama .cke_hc a:hover.cke_dialog_tab
+{
+	padding: 2px 6px !important;
+	border-width: 3px;
+}
+
 .cke_skin_kama a.cke_dialog_tab_selected,
 .cke_skin_kama a:link.cke_dialog_tab_selected,
 .cke_skin_kama a:active.cke_dialog_tab_selected,
@@ -179,6 +188,16 @@ body .cke_dialog
 	cursor: default;
 }
 
+.cke_skin_kama .cke_hc a.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:link.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:active.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:hover.cke_dialog_tab_selected,
+.cke_skin_kama .cke_hc a:visited.cke_dialog_tab_selected
+{
+	padding: 2px 6px !important;
+	border-width: 3px;
+}
+
 /* single_page */
 
 .cke_skin_kama .cke_single_page .cke_dialog_tabs
@@ -192,14 +211,6 @@ body .cke_dialog
 	margin-top: 10px;
 }
 
-/* IE7 + IE quirks */
-.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_contents
-{
-	margin-top: -10px;
-	position: relative;
-	margin-bottom: -22px;
-}
-
 .cke_skin_kama .cke_dialog_ui_vbox table,
 .cke_skin_kama .cke_dialog_ui_hbox table
 {
@@ -227,6 +238,63 @@ body .cke_dialog
 	background-color: white;
 	border: 1px solid #a0a0a0;
 	padding: 1px 0px;
+	/* IE6/Quirks - make sure the content does not overflow (#7321) */
+	_width: 99.9%;
+}
+
+/* The absolute position is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/
+.cke_skin_kama .cke_browser_ie7 input.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_ie7 input.cke_dialog_ui_input_password
+{
+	position: absolute;
+}
+.cke_skin_kama .cke_browser_ie7 div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_ie7 div.cke_dialog_ui_input_password
+{
+	height:14px;
+	position: relative;
+}
+
+/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
+.cke_skin_kama .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,
+.cke_skin_kama .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password
+{
+	padding-right: 2px;
+}
+
+/* Compensate the padding added above on container. */
+.cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,
+.cke_skin_kama .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password
+{
+	padding-left: 2px;
+}
+
+.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,
+.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,
+.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,
+.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last
+{
+	padding-right: 2px !important;
+}
+
+.cke_skin_kama .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
+	padding-right: 1px;
+}
+
+.cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
+{
+	border-width: 0px;
+}
+
+.cke_skin_kama .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_kama .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
+{
+	border-width: 1px;
 }
 
 .cke_skin_kama textarea.cke_dialog_ui_input_textarea
@@ -257,6 +325,12 @@ body .cke_dialog
 	cursor : default;
 }
 
+/* RTL + IE6: Input overflows dialog element. (#7321) */
+.cke_skin_kama .cke_rtl .cke_dialog_ui_labeled_content
+{
+	_width: 95%;
+}
+
 .cke_skin_kama .cke_dialog_ui_hbox
 {
 	width: 100%;
@@ -294,6 +368,7 @@ body .cke_dialog
 	background: transparent url(images/sprites.png) repeat-x scroll 0 -1069px;
 	_background: none;
 	padding: 5px 0;
+	text-align: center;
 }
 
 .cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button
@@ -332,7 +407,7 @@ body .cke_dialog
 }
 .cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button
 {
-	float: right;
+	display:inline-block;
 	padding-top: 3px;
 	padding-bottom: 2px;
 	margin: 2px 0;
@@ -341,6 +416,7 @@ body .cke_dialog
 .cke_skin_kama a.cke_dialog_ui_button_ok span,
 .cke_skin_kama a.cke_dialog_ui_button_cancel span
 {
+	width:60px;
 	padding-right: 20px;
 	padding-left: 20px;
 }
@@ -403,6 +479,8 @@ body .cke_dialog
 	color: #222;
 	display: inline-block;
 	cursor: default;
+	min-width: 60px;
+	+margin: 2px 0; /* IE7 */
 }
 
 /* Gecko 1.8 does not support display: inline-block */
@@ -422,7 +500,14 @@ body .cke_dialog
 .cke_skin_kama a:focus.cke_dialog_ui_button,
 .cke_skin_kama a:active.cke_dialog_ui_button
 {
-	background-position: 0 -1179px;
+	background-position: 0 -1180px;
+}
+
+.cke_skin_kama .cke_hc a:hover.cke_dialog_ui_button,
+.cke_skin_kama .cke_hc a:focus.cke_dialog_ui_button,
+.cke_skin_kama .cke_hc a:active.cke_dialog_ui_button
+{
+	border-width: 2px;
 }
 
 /* Skip hover effect on IE6 */
@@ -446,6 +531,12 @@ body .cke_dialog
 	position: relative;
 }
 
+/* IE7 needs position static #6806 */
+.cke_skin_kama .cke_browser_ie7 .cke_dialog_footer_buttons
+{
+	position: static;
+}
+
 /* Gecko 1.8 does not support for display: inline-table */
 .cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons
 {
@@ -455,7 +546,6 @@ body .cke_dialog
 .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button
 {
 	margin: 7px 0;
-	width: 60px;
 	text-align: center;
 }
 
@@ -484,6 +574,11 @@ body .cke_dialog
 }
 /* END Firefox2 buttons */
 
+.cke_skin_kama .cke_browser_ie9.cke_rtl .cke_dialog_footer_buttons td
+{
+	padding-left: 2px;
+}
+
 .cke_skin_kama strong
 {
 	font-weight: bold;
@@ -491,7 +586,7 @@ body .cke_dialog
 
 /* close_button */
 
-.cke_skin_kama .cke_dialog_close_button
+.cke_skin_kama .cke_dialog .cke_dialog_body .cke_dialog_close_button
 {
 	background-image: url(images/sprites.png);
 	background-repeat: no-repeat;
@@ -502,7 +597,6 @@ body .cke_dialog
 	height: 20px;
 	width: 20px;
 	top: 5px;
-
 	/* IE 6 */
 	_background-image: url(images/sprites_ie6.png);
 }
@@ -575,7 +669,7 @@ body .cke_dialog
 	background-color: white;
 }
 
-.cke_skin_kama iframe.cke_dialog_ui_input_file
+.cke_skin_kama .cke_dialog_ui_input_file
 {
 	width: 100%;
 	height: 25px;
@@ -628,6 +722,10 @@ body .cke_dialog
 	border: none 1px;
 	font-size: 1px;
 }
+.cke_skin_kama .cke_dialog a.cke_btn_locked .cke_icon
+{
+	display:none;
+}
 
 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked,
 .cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked
@@ -645,20 +743,29 @@ body .cke_dialog
 {
 	border: outset 1px;
 	cursor: pointer;
-	cursor: hand;
 }
 
-.cke_skin_kama .cke_dialog  #ImagePreviewBox
+.cke_skin_kama .cke_dialog  .ImagePreviewBox
 {
-	white-space : normal;
 	border : 2px ridge black;
 	overflow : scroll;
-	height : 160px;
-	width : 230px;
+	height : 200px;
+	width : 300px;
 	padding : 2px;
 	background-color : white;
 }
-.cke_skin_kama .cke_dialog  #ImagePreviewLoader
+
+.cke_skin_kama .cke_dialog .ImagePreviewBox table td {
+	white-space: normal;
+}
+
+/* Fix iframedialog's height doesn't stretch to 100% #4863.*/
+.cke_skin_kama .cke_browser_iequirks .cke_dialog_page_contents
+{
+	_position: absolute;
+}
+
+.cke_skin_kama .cke_dialog  .ImagePreviewLoader
 {
 	position: absolute;
 	white-space : normal;
@@ -673,7 +780,7 @@ body .cke_dialog
 	background-color : #e4e4e4;
 }
 
-.cke_skin_kama .cke_dialog  #FlashPreviewBox
+.cke_skin_kama .cke_dialog  .FlashPreviewBox
 {
 	white-space : normal;
 	border : 2px ridge black;
@@ -684,6 +791,27 @@ body .cke_dialog
 	background-color : white;
 }
 
+.cke_skin_kama .cke_dialog .cke_pastetext
+{
+	width: 346px;
+	height: 170px;
+}
+
+.cke_skin_kama .cke_dialog .cke_pastetext textarea
+{
+	width: 340px;
+	height: 170px;
+	resize: none;
+}
+
+.cke_skin_kama .cke_dialog iframe.cke_pasteframe
+{
+	width: 346px;
+	height: 130px;
+	background-color: white;
+	border: 1px solid black;
+}
+
 .cke_skin_kama .cke_dialog .cke_dark_background
 {
 	text-align : center;
@@ -700,7 +828,6 @@ body .cke_dialog
 .cke_skin_kama .cke_dialog .cke_hand
 {
 	cursor: pointer;
-	cursor: hand;
 }
 
 .cke_skin_kama .cke_disabled
@@ -733,16 +860,47 @@ body .cke_dialog
 {
 	display: inline;
 	cursor: pointer;
-	cursor: hand;
 	font-weight: bold;
 	position: relative;
 	top: 3px;
 }
+
+.cke_skin_kama .cke_dialog_body .cke_label
+{
+	display: none;
+}
+
+.cke_skin_kama .cke_dialog_body label.cke_required
+{
+	font-weight: bold;
+}
+
+.cke_skin_kama .cke_hc .cke_dialog_body .cke_label
+{
+	display: inline;
+	cursor: inherit;
+}
+
 .cke_skin_kama .cke_hc a.cke_btn_locked,
 .cke_skin_kama .cke_hc a.cke_btn_unlocked,
 .cke_skin_kama .cke_hc a.cke_btn_reset
 {
 	border-style: solid;
+	float: left;
+	width: auto;
+	height: auto;
+	padding: 0 2px;
+}
+
+.cke_skin_kama .cke_rtl.cke_hc a.cke_btn_locked,
+.cke_skin_kama .cke_rtl.cke_hc a.cke_btn_unlocked,
+.cke_skin_kama .cke_rtl.cke_hc a.cke_btn_reset
+{
+	float: right;
+}
+.cke_skin_kama .cke_hc a.cke_btn_locked .cke_icon
+{
+	display:inline;
 }
 
 .cke_skin_kama a.cke_smile img
@@ -757,3 +915,86 @@ body .cke_dialog
 {
 	border-color: #C7C78F;
 }
+
+.cke_skin_kama .cke_hc .cke_dialog_tabs a,
+.cke_skin_kama .cke_hc .cke_dialog_footer a
+{
+	opacity: 1.0;
+	filter: alpha(opacity=100);
+	border: 1px solid white;
+}
+
+.cke_skin_kama .cke_hc .ImagePreviewBox
+{
+	width: 260px;
+}
+
+/**
+ * Styles specific to "cellProperties" dialog.
+ */
+
+.cke_skin_kama .cke_dialog_contents a.colorChooser
+{
+	display:block;
+	margin-top:6px;
+	margin-left: 10px;
+	width: 80px;
+}
+
+.cke_skin_kama .cke_rtl .cke_dialog_contents a.colorChooser
+{
+	margin-right: 10px;
+}
+
+/* Compensate focus outline for some input elements. (#6200) */
+.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
+.cke_skin_kama .cke_browser_opera .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_kama .cke_browser_opera .cke_dialog_ui_radio_input:focus,
+.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_input_select:focus,
+.cke_skin_kama .cke_browser_gecko .cke_btn_over,
+.cke_skin_kama .cke_browser_opera .cke_btn_over,
+.cke_skin_kama .cke_browser_ie .cke_btn_over
+{
+	outline: 1px dotted #696969;
+}
+
+/* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */
+
+/* Predefined border to avoid visual size change impact. */
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_checkbox_input,
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_ratio_input,
+.cke_skin_kama .cke_browser_ie .cke_btn_reset,
+.cke_skin_kama .cke_browser_ie .cke_btn_locked,
+.cke_skin_kama .cke_browser_ie .cke_btn_unlocked
+{
+	*border: 1px solid transparent !important;
+	/* Emulating border-color: transparent in IE6.*/
+	-border: 1px solid red !important;
+	-filter: chroma(color=red);
+}
+
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_kama .cke_browser_ie .cke_btn_over
+{
+	*border: 1px dotted #696969 !important;
+}
+
+.cke_skin_kama .cke_iframe_shim
+{
+	display:block;
+	position:absolute;
+	top:0;
+	left:0;
+	z-index:-1;
+	filter:alpha(opacity=0);
+	width:100%;
+	height:100%;
+}
+
+.cke_dialog label
+{
+	display: inline;
+	margin-bottom: auto;
+	cursor: default;
+}