/*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
*/\r
\r
.cke_skin_kama .cke_toolbox\r
{\r
clear: both;\r
+ /* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/\r
+ padding-bottom: 1px;\r
}\r
\r
.cke_skin_kama a.cke_toolbox_collapser,\r
background-position: 4px -1408px; /* +2px +3px */\r
}\r
\r
-.cke_skin_kama .cke_toolbar\r
-{\r
- display: inline;\r
-}\r
-\r
.cke_skin_kama .cke_separator\r
{\r
- display: none;\r
+ display: inline-block;\r
+ border-left: solid 1px #D3D3D3;\r
+ margin: 3px 2px 0;\r
+ height: 16px;\r
+\r
+ /* These are for IE < 8, but it's ok for the others */\r
+ vertical-align: top;\r
}\r
\r
.cke_skin_kama .cke_break\r
border-width: 3px;\r
}\r
\r
-.cke_skin_kama .cke_button a.cke_disabled,\r
-.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled\r
+.cke_skin_kama .cke_button a.cke_disabled *\r
{\r
filter: alpha(opacity=30); /* IE */\r
opacity: 0.3; /* Safari, Opera and Mozilla */\r
}\r
\r
-.cke_skin_kama .cke_hc .cke_button a.cke_disabled,\r
-.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled\r
+/* IE with zoom != 100% will distort the icons otherwise #4821 */\r
+.cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled *,\r
+.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled *\r
+{\r
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);\r
+}\r
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,\r
+.cke_skin_kama .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *\r
+{\r
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);\r
+}\r
+.cke_skin_kama .cke_browser_ie6 .cke_button a.cke_disabled *,\r
+.cke_skin_kama .cke_browser_ie6 a:hover.cke_button .cke_disabled *,\r
+.cke_skin_kama .cke_browser_ie .cke_button.cke_noalphafix a.cke_disabled *\r
+{\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+.cke_skin_kama .cke_hc .cke_button a.cke_disabled *,\r
+.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *\r
{\r
filter: alpha(opacity=60);\r
opacity: 0.6;\r
padding: 2px 4px;\r
}\r
\r
+.cke_skin_kama .cke_button a:hover,\r
+.cke_skin_kama .cke_button a:focus,\r
+.cke_skin_kama .cke_button a:active /* IE */\r
+{\r
+ background-color: #dff1ff;\r
+}\r
+\r
.cke_skin_kama .cke_button a:hover.cke_on,\r
.cke_skin_kama .cke_button a:focus.cke_on,\r
.cke_skin_kama .cke_button a:active.cke_on /* IE */\r
background-color: #86caff;\r
}\r
\r
-.cke_skin_kama .cke_button a:hover.cke_off,\r
-.cke_skin_kama .cke_button a:focus.cke_off,\r
-.cke_skin_kama .cke_button a:active.cke_off /* IE */\r
-{\r
- background-color: #dff1ff;\r
-}\r
-\r
-.cke_skin_kama .cke_hc .cke_button a:hover.cke_on,\r
-.cke_skin_kama .cke_hc .cke_button a:focus.cke_on,\r
-.cke_skin_kama .cke_hc .cke_button a:active.cke_on, /* IE */\r
-.cke_skin_kama .cke_hc .cke_button a:hover.cke_off,\r
-.cke_skin_kama .cke_hc .cke_button a:focus.cke_off,\r
-.cke_skin_kama .cke_hc .cke_button a:active.cke_off /* IE */\r
+.cke_skin_kama .cke_hc .cke_button a:hover,\r
+.cke_skin_kama .cke_hc .cke_button a:focus,\r
+.cke_skin_kama .cke_hc .cke_button a:active /* IE */\r
{\r
padding: 0 2px !important;\r
border-width: 3px;\r
width: 16px;\r
height: 16px;\r
display: inline-block;\r
- float: left;\r
+ cursor: default;\r
}\r
\r
.cke_skin_kama .cke_rtl .cke_button .cke_icon\r
{\r
- float: right;\r
+ background-image: url(icons_rtl.png);\r
+}\r
+/* IE with zoom != 100% will distort the icons otherwise #4821 */\r
+.cke_skin_kama .cke_browser_ie .cke_button .cke_icon\r
+{\r
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
}\r
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon\r
+{\r
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
+}\r
+.cke_skin_kama .cke_browser_ie6 .cke_button .cke_icon,\r
+.cke_skin_kama .cke_browser_ie6 .cke_rtl .cke_button .cke_icon,\r
+.cke_skin_kama .cke_browser_ie .cke_button.cke_noalphafix .cke_icon,\r
+.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button.cke_noalphafix .cke_icon\r
+{\r
+ filter: ;\r
+}\r
+\r
\r
.cke_skin_kama .cke_button .cke_label\r
{\r
padding-left: 3px;\r
line-height: 18px;\r
vertical-align: middle;\r
- float: left;\r
-}\r
-\r
-.cke_skin_kama .cke_rtl .cke_button .cke_label\r
-{\r
- padding-left: 0;\r
- padding-right: 3px;\r
- float: right;\r
}\r
\r
.cke_skin_kama .cke_hc .cke_button .cke_label\r
background-image: url(images/sprites.png);\r
_background-image: url(images/sprites_ie6.png);\r
background-repeat: no-repeat;\r
- float: left;\r
+ cursor: default;\r
}\r
\r
-.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow\r
+/* IE with zoom != 100% will distort the icons otherwise #4821 */\r
+.cke_skin_kama .cke_browser_ie .cke_button .cke_buttonarrow\r
{\r
- background-position: 0 -1469px; /* (0, -5) */\r
- float: right;\r
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
}\r
-\r
-.cke_skin_kama .cke_hc .cke_button .cke_buttonarrow\r
+.cke_skin_kama .cke_browser_ie6 .cke_button .cke_buttonarrow\r
{\r
- display: none;\r
+ filter: ;\r
}\r
\r
/*** Firefox 2 ***/\r
.cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,\r
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,\r
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,\r
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_separator,\r
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start\r
{\r
float: right;\r
float: right;\r
}\r
\r
-/*** IE ***/\r
-\r
-/* The biggest problem with IE is the RTL support (and float:right). It's\r
- totally broken, and quite delicate. IE8 fixed these issues. */\r
-\r
-.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,\r
-.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,\r
-.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow\r
-{\r
- float: none;\r
-}\r
-\r
/*** WebKit ***/\r
\r
/* We have originally used display:inline-block+float for cke_toolbar and it\r
\r
/*** Mixed Fixes ***/\r
\r
-.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,\r
-.cke_skin_kama .cke_browser_opera .cke_button .cke_label,\r
-.cke_skin_kama .cke_browser_webkit .cke_button .cke_label\r
-{\r
- line-height: 20px;\r
-}\r
-\r
-.cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,\r
-.cke_skin_kama .cke_browser_iequirks .cke_button .cke_label\r
+.cke_skin_kama .cke_browser_ie .cke_button .cke_label\r
{\r
- line-height: 17px;\r
-}\r
-\r
-/* IE8 strict button valign correction */\r
-.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label\r
-{\r
- vertical-align: top;\r
+ line-height: 16px;\r
}\r
\r
-.cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label\r
-{\r
- /* revert previous */\r
- vertical-align: middle;\r
-}\r
-/* END IE8 strict button valign correction */\r
-\r
/* Fix cursor shape consistency on toolbar combos (#4031) */\r
.cke_skin_kama .cke_browser_ie .cke_rcombo,\r
.cke_skin_kama .cke_browser_ie .cke_rcombo *\r
{\r
padding-bottom: 0;\r
}\r
-\r
-.cke_skin_kama .cke_browser_gecko .cke_toolbox\r
-{\r
- /* Define the padding-bottom otherwise the collapser button will not be clicable in FF */\r
- padding-bottom: 1px;\r
-}\r
Got questions, comments, patches, etc.? Contact Jason Woofenden