JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.6.6.1
[ckeditor.git] / _source / skins / kama / toolbar.css
index 50b684f..6bc0e2f 100644 (file)
@@ -1,5 +1,5 @@
 /*\r
-Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.\r
 For licensing, see LICENSE.html or http://ckeditor.com/license\r
 */\r
 \r
@@ -22,12 +22,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 .cke_skin_kama .cke_toolbox\r
 {\r
        clear: both;\r
-       padding: 5px 3px 5px 6px;\r
-}\r
-\r
-.cke_skin_kama .cke_rtl .cke_toolbox\r
-{\r
-       padding: 5px 6px 5px 3px;\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
@@ -42,7 +38,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        height: 11px;\r
        float: right;\r
        border: 1px outset #D3D3D3;\r
-       margin: 11px 4px 2px;\r
+       margin: 11px 0 2px;\r
        cursor: pointer;\r
 }\r
 \r
@@ -52,6 +48,19 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        float: left;\r
 }\r
 \r
+.cke_skin_kama a.cke_toolbox_collapser span\r
+{\r
+       display: none;\r
+}\r
+\r
+.cke_skin_kama .cke_hc a.cke_toolbox_collapser span\r
+{\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       font-family: Arial;\r
+       display: inline;\r
+}\r
+\r
 .cke_skin_kama a.cke_toolbox_collapser_min,\r
 .cke_skin_kama a:hover.cke_toolbox_collapser_min\r
 {\r
@@ -70,14 +79,15 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
@@ -164,15 +174,32 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
@@ -190,6 +217,13 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
@@ -197,19 +231,9 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
@@ -224,14 +248,31 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
        cursor: default;\r
@@ -239,14 +280,6 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
@@ -278,18 +311,17 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
        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
@@ -316,6 +348,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 .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
@@ -328,23 +361,13 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 }\r
 \r
 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,\r
-.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break\r
+.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break,\r
+.cke_skin_kama .cke_browser_ie8 .cke_rtl .cke_break,\r
+.cke_skin_kama .cke_browser_ie9plus .cke_rtl .cke_break\r
 {\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
@@ -363,35 +386,25 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 \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
+.cke_skin_kama .cke_browser_ie .cke_button .cke_label\r
 {\r
-       line-height: 20px;\r
+       line-height: 16px;\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
-{\r
-       line-height: 17px;\r
-}\r
-\r
-/* IE8 strict button valign correction */\r
-.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label\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
-       vertical-align: top;\r
+       cursor: default;\r
 }\r
 \r
-.cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label\r
+.cke_skin_kama .cke_browser_ie .cke_toolbox\r
 {\r
-       /* revert previous */\r
-       vertical-align: middle;\r
+       padding-bottom: 5px;\r
+       _padding-bottom: 6px;\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
+.cke_shared .cke_skin_kama .cke_browser_ie .cke_toolbox\r
 {\r
-       cursor: default;\r
+       padding-bottom: 0;\r
 }\r