From b2724c95b1af2c75b4ac219efb90f198cdfb9288 Mon Sep 17 00:00:00 2001 From: Piotr Jasiun Date: Fri, 5 Jul 2013 13:25:27 +0200 Subject: [PATCH 1/2] Remove unneeded alpha channel in DXImageTransform.Microsoft.gradient. Change colors to lower case in DXImageTransform.Microsoft.gradient. --- skins/moono/dialog.css | 12 ++++++------ skins/moono/editor_ie.css | 2 +- skins/moono/mainui.css | 4 ++-- skins/moono/panel.css | 2 +- skins/moono/richcombo.css | 6 +++--- skins/moono/toolbar.css | 10 +++++----- 6 files changed, 18 insertions(+), 18 deletions(-) diff --git a/skins/moono/dialog.css b/skins/moono/dialog.css index 6a2cf8d08fa..12e0656ee1b 100644 --- a/skins/moono/dialog.css +++ b/skins/moono/dialog.css @@ -108,7 +108,7 @@ Comments in this file will give more details about each of the above blocks. background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf); background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf); background-image: linear-gradient(top, #f5f5f5, #cfd1cf); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff5f5f5', endColorstr='#ffcfd1cf'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); } /* The outer part of the dialog contants, which contains the contents body @@ -159,7 +159,7 @@ Comments in this file will give more details about each of the above blocks. background-image: -o-linear-gradient(top, #ebebeb, #cfd1cf); background-image: -ms-linear-gradient(top, #ebebeb, #cfd1cf); background-image: linear-gradient(top, #ebebeb, #cfd1cf); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffebebeb', endColorstr='#cfd1cf'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf'); } .cke_rtl .cke_dialog_footer @@ -250,7 +250,7 @@ a.cke_dialog_tab background-image: -o-linear-gradient(top, #fafafa, #ededed); background-image: -ms-linear-gradient(top, #fafafa, #ededed); background-image: linear-gradient(top, #fafafa, #ededed); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fffafafa', endColorstr='#ffededed'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fafafa', endColorstr='#ededed'); } .cke_rtl a.cke_dialog_tab @@ -592,7 +592,7 @@ a.cke_dialog_ui_button background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); background-image: linear-gradient(top, #ffffff, #e4e4e4); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffffff', endColorstr='#ffe4e4e4'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); } @@ -612,7 +612,7 @@ a.cke_dialog_ui_button:hover background-image: -o-linear-gradient(top, #f2f2f2, #ccc); background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); background-image: linear-gradient(top, #f2f2f2, #ccc); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff2f2f2', endColorstr='#ffcccccc'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); } /* :focus/:active styles for dialog buttons: regular and footer. */ @@ -672,7 +672,7 @@ a.cke_dialog_ui_button_ok background-image: -o-linear-gradient(top, #9ad717, #69b10b); background-image: linear-gradient(to bottom, #9ad717, #69b10b); background-image: -moz-linear-gradient(top, #9ad717, #69b10b); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ff9ad717', endColorstr='#ff69b10b'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#9ad717', endColorstr='#69b10b'); } a.cke_dialog_ui_button_ok:hover diff --git a/skins/moono/editor_ie.css b/skins/moono/editor_ie.css index a1d34b13b35..cb66baf49e0 100644 --- a/skins/moono/editor_ie.css +++ b/skins/moono/editor_ie.css @@ -26,7 +26,7 @@ a.cke_button_disabled:active /* PNG Alpha Transparency Fix For IE<9 */ .cke_button_disabled .cke_button_icon { - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff); } .cke_button_off:hover, diff --git a/skins/moono/mainui.css b/skins/moono/mainui.css index fe7ee07ab02..cbb2a436020 100644 --- a/skins/moono/mainui.css +++ b/skins/moono/mainui.css @@ -117,7 +117,7 @@ Special outer level classes used in this file: background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf); background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf); background-image: linear-gradient(top, #f5f5f5, #cfd1cf); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff5f5f5', endColorstr='#ffcfd1cf'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); } .cke_float .cke_top @@ -144,7 +144,7 @@ Special outer level classes used in this file: background-image: -o-linear-gradient(top, #ebebeb, #cfd1cf); background-image: -ms-linear-gradient(top, #ebebeb, #cfd1cf); background-image: linear-gradient(top, #ebebeb, #cfd1cf); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffebebeb', endColorstr='#cfd1cf'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf'); } /* On iOS we need to manually enable scrolling in the contents block. (#9945) */ diff --git a/skins/moono/panel.css b/skins/moono/panel.css index e91e2c2d33a..ac401244ab2 100644 --- a/skins/moono/panel.css +++ b/skins/moono/panel.css @@ -236,7 +236,7 @@ is its visual representation: background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf); background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf); background-image: linear-gradient(top, #f5f5f5, #cfd1cf); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff5f5f5', endColorstr='#ffcfd1cf'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); } /* The following styles set defaults of the elements used by the Paragraph diff --git a/skins/moono/richcombo.css b/skins/moono/richcombo.css index 5f9f620c2d4..a2309d9820d 100644 --- a/skins/moono/richcombo.css +++ b/skins/moono/richcombo.css @@ -84,7 +84,7 @@ The visual representation of a rich combo widget looks as follows: background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); background-image: linear-gradient(top, #ffffff, #e4e4e4); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffffff', endColorstr='#ffe4e4e4'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); } /* Different states of the container. */ @@ -98,7 +98,7 @@ The visual representation of a rich combo widget looks as follows: background-image: -o-linear-gradient(top, #f2f2f2, #ccc); background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); background-image: linear-gradient(top, #f2f2f2, #ccc); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff2f2f2', endColorstr='#ffcccccc'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); outline: none; } @@ -119,7 +119,7 @@ The visual representation of a rich combo widget looks as follows: background-image: -o-linear-gradient(top, #aaa, #cacaca); background-image: -ms-linear-gradient(top, #aaa, #cacaca); background-image: linear-gradient(top, #aaa, #cacaca); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffaaaaaa', endColorstr='#ffcacaca'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca'); } .cke_combo_on a.cke_combo_button:hover, diff --git a/skins/moono/toolbar.css b/skins/moono/toolbar.css index 467d48d1fbc..901c8c17151 100644 --- a/skins/moono/toolbar.css +++ b/skins/moono/toolbar.css @@ -83,7 +83,7 @@ Special outer level classes used in this file: background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); background-image: linear-gradient(top, #ffffff, #e4e4e4); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffffff', endColorstr='#ffe4e4e4'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); } .cke_hc .cke_toolgroup @@ -156,7 +156,7 @@ a.cke_button background-image: -o-linear-gradient(top, #aaa, #cacaca); background-image: -ms-linear-gradient(top, #aaa, #cacaca); background-image: linear-gradient(top, #aaa, #cacaca); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffaaaaaa', endColorstr='#ffcacaca'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca'); } .cke_hc .cke_button_on, @@ -214,7 +214,7 @@ a.cke_button_disabled:active background-image: -o-linear-gradient(top, #f2f2f2, #ccc); background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); background-image: linear-gradient(top, #f2f2f2, #ccc); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff2f2f2', endColorstr='#ffcccccc'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); } /* The icon which is a visual representation of the button. */ @@ -372,7 +372,7 @@ a.cke_button_disabled:active background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); background-image: linear-gradient(top, #ffffff, #e4e4e4); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffffff', endColorstr='#ffe4e4e4'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); } .cke_toolbox_collapser:hover @@ -384,7 +384,7 @@ a.cke_button_disabled:active background-image: -o-linear-gradient(top, #f2f2f2, #ccc); background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); background-image: linear-gradient(top, #f2f2f2, #ccc); - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff2f2f2', endColorstr='#ffcccccc'); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); } .cke_toolbox_collapser.cke_toolbox_collapser_min From 5808484bf03864ca0b45beb2bb63186bceac13db Mon Sep 17 00:00:00 2001 From: Piotr Jasiun Date: Fri, 5 Jul 2013 14:16:11 +0200 Subject: [PATCH 2/2] Changelog entry. --- CHANGES.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGES.md b/CHANGES.md index 519a74fbc09..25df2cc49a1 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -4,6 +4,7 @@ CKEditor 4 Changelog ## CKEditor 4.1.3 * [#5189](http://dev.ckeditor.com/ticket/5189): Find/Replace dialog: rename button to "Close". +* [#10562](http://dev.ckeditor.com/ticket/10562): [Housekeeping] CSS gradient filters in Moono. ## CKEditor 4.1.2