X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fskins%2Fv2%2Fdialog.css;h=d7c2c97ec3ba80d56a8f53e39e0354763e07bc42;hb=a272c66d841421f8bf933c16535bdcde1c4649fc;hp=c7811fff797df012cb31b67770a7b1e2f7360159;hpb=941b0a9ba4e673e292510d80a5a86806994b8ea6;p=ckeditor.git

diff --git a/_source/skins/v2/dialog.css b/_source/skins/v2/dialog.css
index c7811ff..d7c2c97 100644
--- a/_source/skins/v2/dialog.css
+++ b/_source/skins/v2/dialog.css
@@ -1,5 +1,5 @@
 /*
-Copyright (c) 2003-2010, 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
 */
 
@@ -25,7 +25,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;
 
 }
@@ -44,7 +43,7 @@ body .cke_dialog
 	/* IE6 does not support full color transparent PNG. */
 	_background-image: url(images/sprites_ie6.png);
 	/* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */
-	_z-index: -1;
+	z-index: -1;
 }
 
 .cke_skin_v2 .cke_dialog_tl
@@ -180,8 +179,7 @@ body .cke_dialog
 
 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title
 {
-	position: static !important;
-	unicode-bidi: bidi-override;
+	position: static;
 }
 
 .cke_skin_v2 .cke_dialog_contents
@@ -203,6 +201,10 @@ body .cke_dialog
 	text-align: left;
 }
 
+.cke_skin_v2 .cke_dialog_footer .cke_resizer {
+	margin-top: 21px;
+}
+
 /* tabs */
 
 .cke_skin_v2 .cke_dialog_tabs
@@ -255,6 +257,12 @@ body .cke_dialog
 	background-color: #f1f1e3;
 }
 
+.cke_skin_v2 .cke_hc a:hover.cke_dialog_tab
+{
+	padding: 2px 3px !important;
+	border-width: 3px;
+}
+
 .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,
@@ -267,6 +275,24 @@ body .cke_dialog
 	cursor: default;
 }
 
+.cke_skin_v2 .cke_hc a.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:link.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:active.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:hover.cke_dialog_tab_selected,
+.cke_skin_v2 .cke_hc a:visited.cke_dialog_tab_selected
+{
+	padding: 2px 3px !important;
+	border-width: 3px;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_tabs a,
+.cke_skin_v2 .cke_hc .cke_dialog_footer a
+{
+	opacity: 1.0;
+	filter: alpha(opacity=100);
+	border: 1px solid white;
+}
+
 /* single_page */
 
 .cke_skin_v2 .cke_single_page .cke_dialog_tabs
@@ -300,12 +326,69 @@ body .cke_dialog
 	height: 14px;
 }
 
+.cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password
+{
+	border-width: 0px;
+}
+
+.cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password
+{
+	border-width: 1px;
+}
+
+/* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */
+.cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,
+.cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password
+{
+	padding-right: 2px
+}
+
+/* Compensate the padding added above on container. */
+.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,
+.cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password
+{
+	padding-left: 2px;
+}
+
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,
+.cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last
+{
+	padding-right: 2px !important;
+}
+
 .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;
+	/* 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_v2 .cke_browser_ie7 input.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_ie7 input.cke_dialog_ui_input_password
+{
+	position: absolute;
+}
+.cke_skin_v2 .cke_browser_ie7 div.cke_dialog_ui_input_text,
+.cke_skin_v2 .cke_browser_ie7 div.cke_dialog_ui_input_password
+{
+	height:14px;
+	position: relative;
+}
+
+.cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {
+	padding-right: 1px;
 }
 
 .cke_skin_v2 textarea.cke_dialog_ui_input_textarea
@@ -330,6 +413,12 @@ body .cke_dialog
 	padding: 1px 0px;
 }
 
+/* RTL + IE6: Input overflows dialog element. (#7321) */
+.cke_skin_v2 .cke_rtl .cke_dialog_ui_labeled_content
+{
+	_width: 95%;
+}
+
 .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *
 {
 	background-color : #a0a0a0;
@@ -368,6 +457,12 @@ body .cke_dialog
 	cursor: default;
 }
 
+.cke_skin_v2 a.cke_dialog_ui_button_ok span,
+.cke_skin_v2 a.cke_dialog_ui_button_cancel span
+{
+	width:60px;
+}
+
 .cke_skin_v2 span.cke_dialog_ui_button
 {
 	border: #737357 1px solid;
@@ -398,6 +493,12 @@ body .cke_dialog
 	background-color: #e3e3c7;
 }
 
+.cke_skin_v2 .cke_hc a:focus span.cke_dialog_ui_button,
+.cke_skin_v2 .cke_hc a:active span.cke_dialog_ui_button
+{
+	border-width: 2px;
+}
+
 .cke_skin_v2 .cke_dialog_footer_buttons
 {
 	display: inline-table;
@@ -415,10 +516,14 @@ body .cke_dialog
 
 .cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button
 {
-	width: 60px;
 	margin: 7px 0;
 }
 
+.cke_skin_v2 .cke_browser_ie7 .cke_dialog_footer_buttons
+{
+	position: static;
+}
+
 .cke_skin_v2 strong
 {
 	font-weight: bold;
@@ -426,7 +531,10 @@ body .cke_dialog
 
 /* close_button */
 
-.cke_skin_v2 .cke_dialog_close_button
+.cke_skin_v2 a.cke_dialog_close_button,
+.cke_skin_v2 a:hover.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_ie6 a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_ie6 a:hover.cke_dialog_close_button
 {
 	background-image: url(images/sprites.png);
 	background-repeat: no-repeat;
@@ -442,30 +550,31 @@ body .cke_dialog
 	_background-image: url(images/sprites_ie6.png);
 }
 
-.cke_skin_v2 .cke_dialog_close_button span
+.cke_skin_v2 a.cke_dialog_close_button span
 {
 	display: none;
 }
 
-.cke_skin_v2 .cke_dialog_close_button:hover
+.cke_skin_v2 a:hover.cke_dialog_close_button
 {
 	background-position: -16px -687px;
 }
 
-.cke_skin_v2 .cke_ltr .cke_dialog_close_button
+.cke_skin_v2 .cke_ltr a.cke_dialog_close_button,
+.cke_skin_v2 .cke_ltr a:hover.cke_dialog_close_button
 {
-	right: 10px;
-	_right: 22px;
+	right: 22px;
 }
 
-.cke_skin_v2 .cke_rtl .cke_dialog_close_button
+.cke_skin_v2 .cke_rtl a.cke_dialog_close_button,
+.cke_skin_v2 .cke_rtl a:hover.cke_dialog_close_button
 {
-	left: 10px;
-	_left: 16px;
+	left: 16px;
 	_top: 7px;
 }
 
-.cke_skin_v2 .cke_browser_ie6.cke_rtl .cke_dialog_close_button
+.cke_skin_v2 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button
 {
 	position: relative;
 	float: left;
@@ -473,12 +582,14 @@ body .cke_dialog
 	margin-left: -7px;
 }
 
-.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button
 {
 	margin-top: -32px;
 }
 
-.cke_skin_v2 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,
+.cke_skin_v2 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button
 {
 	margin-top: 0;
 }
@@ -489,7 +600,7 @@ body .cke_dialog
 	background-color: white;
 }
 
-.cke_skin_v2 iframe.cke_dialog_ui_input_file
+.cke_skin_v2 .cke_dialog_ui_input_file
 {
 	width: 100%;
 	height: 25px;
@@ -542,6 +653,11 @@ body .cke_dialog
 	border: none 1px;
 	font-size: 1px;
 }
+.cke_skin_v2 .cke_dialog a.cke_btn_locked .cke_icon
+{
+	display:none;
+}
+
 
 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,
 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked
@@ -559,20 +675,29 @@ body .cke_dialog
 {
 	border: outset 1px;
 	cursor: pointer;
-	cursor: hand;
 }
 
-.cke_skin_v2 .cke_dialog  #ImagePreviewBox
+.cke_skin_v2 .cke_dialog  .ImagePreviewBox
 {
-	white-space : normal;
 	border : 2px ridge black;
 	overflow : scroll;
-	height : 160px;
+	height : 210px;
 	width : 230px;
 	padding : 2px;
 	background-color : white;
 }
-.cke_skin_v2 .cke_dialog  #ImagePreviewLoader
+
+.cke_skin_v2 .cke_dialog .ImagePreviewBox table td {
+	white-space: normal;
+}
+
+/* Fix iframedialog's height doesn't stretch to 100% #4863.*/
+.cke_skin_v2 .cke_browser_iequirks .cke_dialog_page_contents
+{
+	_position: absolute;
+}
+
+.cke_skin_v2 .cke_dialog  .ImagePreviewLoader
 {
 	position: absolute;
 	white-space : normal;
@@ -587,7 +712,7 @@ body .cke_dialog
 	background-color : #e4e4e4;
 }
 
-.cke_skin_v2 .cke_dialog  #FlashPreviewBox
+.cke_skin_v2 .cke_dialog  .FlashPreviewBox
 {
 	white-space : normal;
 	border : 2px ridge black;
@@ -598,6 +723,27 @@ body .cke_dialog
 	background-color : white;
 }
 
+.cke_skin_v2 .cke_dialog .cke_pastetext
+{
+	width: 346px;
+	height: 170px;
+}
+
+.cke_skin_v2 .cke_dialog .cke_pastetext textarea
+{
+	width: 340px;
+	height: 170px;
+	resize: none;
+}
+
+.cke_skin_v2 .cke_dialog iframe.cke_pasteframe
+{
+	width: 346px;
+	height: 130px;
+	background-color: white;
+	border: 1px solid black;
+}
+
 .cke_skin_v2 .cke_dialog .cke_dark_background
 {
 	text-align : center;
@@ -614,7 +760,6 @@ body .cke_dialog
 .cke_skin_v2 .cke_dialog .cke_hand
 {
 	cursor: pointer;
-	cursor: hand;
 }
 
 .cke_skin_v2 .cke_disabled
@@ -646,16 +791,47 @@ body .cke_dialog
 {
 	display: inline;
 	cursor: pointer;
-	cursor: hand;
 	font-weight: bold;
 	position: relative;
 	top: 3px;
 }
+
+.cke_skin_v2 .cke_dialog_body .cke_label
+{
+	display: none;
+}
+
+.cke_skin_v2 .cke_dialog_body label.cke_required
+{
+	font-weight: bold;
+}
+
+.cke_skin_v2 .cke_hc .cke_dialog_body .cke_label
+{
+	display: inline;
+	cursor: inherit;
+}
+
 .cke_skin_v2 .cke_hc a.cke_btn_locked,
 .cke_skin_v2 .cke_hc a.cke_btn_unlocked,
 .cke_skin_v2 .cke_hc a.cke_btn_reset
 {
 	border-style: solid;
+	float:left;
+	width:auto;
+	height:auto;
+	padding: 0 2px;
+}
+.cke_skin_v2 .cke_hc a.cke_btn_locked .cke_icon
+{
+	display:inline;
+}
+
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,
+.cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_reset
+{
+	float:right;
 }
 
 .cke_skin_v2 a.cke_smile img
@@ -670,3 +846,79 @@ body .cke_dialog
 {
 	border-color: #C7C78F;
 }
+
+
+/**
+ * Styles specific to "cellProperties" dialog.
+ */
+
+.cke_skin_v2 .cke_dialog_contents a.colorChooser
+{
+	display:block;
+	margin-top:12px;
+	margin-left: 10px;
+	width: 40px;
+}
+
+.cke_skin_v2 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button
+{
+	width:100%;
+}
+
+.cke_skin_v2 .cke_rtl .cke_dialog_contents a.colorChooser
+{
+	margin-right: 10px;
+}
+
+/* Compensate focus outline for some input elements. (#6200) */
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
+.cke_skin_v2 .cke_browser_opera .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_v2 .cke_browser_opera .cke_dialog_ui_radio_input:focus,
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_input_select:focus,
+.cke_skin_v2 .cke_browser_gecko .cke_btn_over,
+.cke_skin_v2 .cke_browser_opera .cke_btn_over,
+.cke_skin_v2 .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_v2 .cke_browser_ie .cke_dialog_ui_checkbox_input,
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_ratio_input,
+.cke_skin_v2 .cke_browser_ie .cke_btn_reset,
+.cke_skin_v2 .cke_browser_ie .cke_btn_locked,
+.cke_skin_v2 .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_v2 .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_v2 .cke_browser_ie .cke_btn_over
+{
+	*border: 1px dotted #696969 !important;
+}
+
+.cke_skin_v2 .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;
+}