source: branches/2.2/filemanager/tp/ckeditor/_source/skins/kama/toolbar.css @ 3019

/*
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

@media print
{
        /* For printing, we simply hide the toolbar */

        .cke_skin_kama .cke_toolbox
        {
                display: none;
        }
}

.cke_skin_kama .cke_browser_webkit .cke_toolbox,
.cke_skin_kama .cke_browser_webkit .cke_toolbox > span
{
        white-space: normal;
}

.cke_skin_kama .cke_toolbox
{
        clear: both;
        padding: 5px 3px 5px 6px;
}

.cke_skin_kama .cke_rtl .cke_toolbox
{
        padding: 5px 6px 5px 3px;
}

.cke_skin_kama a.cke_toolbox_collapser,
.cke_skin_kama a:hover.cke_toolbox_collapser
{
        /* arrowtop.gif */
        background-image: url(images/sprites.png);
        _background-image: url(images/sprites_ie6.png);
        background-position: 3px -1366px; /* +3px +4px */
        background-repeat: no-repeat;
        width: 11px;
        height: 11px;
        float: right;
        border: 1px outset #D3D3D3;
        margin: 11px 4px 2px;
        cursor: pointer;
}

.cke_skin_kama .cke_rtl a.cke_toolbox_collapser,
.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser
{
        float: left;
}

.cke_skin_kama a.cke_toolbox_collapser_min,
.cke_skin_kama a:hover.cke_toolbox_collapser_min
{
        /* arrowleft.gif*/
        background-image: url(images/sprites.png);
        _background-image: url(images/sprites_ie6.png);
        background-position: 4px -1387px; /* +4px +3px */
        background-repeat: no-repeat;
        margin: 2px 4px;
}

.cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,
.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min
{
        /* arrowright.gif*/
        background-position: 4px -1408px; /* +2px +3px */
}

.cke_skin_kama .cke_toolbar
{
        display: inline;
}

.cke_skin_kama .cke_separator
{
        display: none;
}

.cke_skin_kama .cke_break
{
        font-size: 0;
        clear: left;
}

.cke_skin_kama .cke_rtl .cke_break
{
        clear: right;
}

.cke_skin_kama .cke_toolbar_start
{
        display: none;
}

.cke_skin_kama .cke_toolgroup
{
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(images/sprites.png);
        _background-image: url(images/sprites_ie6.png);
        background-repeat: repeat-x;
        background-position: 0 -500px;
        float: left;
        margin-right: 6px;
        margin-bottom: 5px;
        padding: 2px;
        display: inline;
}

.cke_skin_kama .cke_rtl .cke_toolgroup
{
        float: right;
        margin-right: 0;
        margin-left: 6px;
}

.cke_skin_kama .cke_button a,
.cke_skin_kama .cke_button a:hover,
.cke_skin_kama .cke_button a:focus,
.cke_skin_kama .cke_button a:active,
.cke_skin_kama .cke_button a.cke_off
{
        border-radius: 3px;
        outline: none;
        padding: 2px 4px;
        height: 18px;
        display: inline-block;
        cursor: default;
}

.cke_skin_kama .cke_button a,
.cke_skin_kama .cke_button a.cke_off
{
        filter: alpha(opacity=70); /* IE */
        opacity: 0.70; /* Safari, Opera and Mozilla */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}

.cke_skin_kama .cke_hc .cke_button a,
.cke_skin_kama .cke_hc .cke_button a.cke_off
{
        opacity: 1.0;
        filter: alpha(opacity=100);
        border: 1px solid white;
}

.cke_skin_kama .cke_button a.cke_on
{
        background-color: #a3d7ff;
        filter: alpha(opacity=100); /* IE */
        opacity: 1; /* Safari, Opera and Mozilla */
        padding: 2px 4px;
}

.cke_skin_kama .cke_hc .cke_button a.cke_on
{
        padding: 0 2px !important;
        border-width: 3px;
}

.cke_skin_kama .cke_button a.cke_disabled,
.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled
{
        filter: alpha(opacity=30); /* IE */
        opacity: 0.3; /* Safari, Opera and Mozilla */
}

.cke_skin_kama .cke_hc .cke_button a.cke_disabled,
.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled
{
        filter: alpha(opacity=60);
        opacity: 0.6;
}

.cke_skin_kama .cke_button a:hover.cke_on,
.cke_skin_kama .cke_button a:focus.cke_on,
.cke_skin_kama .cke_button a:active.cke_on,     /* IE */
.cke_skin_kama .cke_button a:hover.cke_off,
.cke_skin_kama .cke_button a:focus.cke_off,
.cke_skin_kama .cke_button a:active.cke_off     /* IE */
{
        filter: alpha(opacity=100); /* IE */
        opacity: 1; /* Safari, Opera and Mozilla */
        padding: 2px 4px;
}

.cke_skin_kama .cke_button a:hover.cke_on,
.cke_skin_kama .cke_button a:focus.cke_on,
.cke_skin_kama .cke_button a:active.cke_on      /* IE */
{
        background-color: #86caff;
}

.cke_skin_kama .cke_button a:hover.cke_off,
.cke_skin_kama .cke_button a:focus.cke_off,
.cke_skin_kama .cke_button a:active.cke_off     /* IE */
{
        background-color: #dff1ff;
}

.cke_skin_kama .cke_hc .cke_button a:hover.cke_on,
.cke_skin_kama .cke_hc .cke_button a:focus.cke_on,
.cke_skin_kama .cke_hc .cke_button a:active.cke_on,     /* IE */
.cke_skin_kama .cke_hc .cke_button a:hover.cke_off,
.cke_skin_kama .cke_hc .cke_button a:focus.cke_off,
.cke_skin_kama .cke_hc .cke_button a:active.cke_off     /* IE */
{
        padding: 0 2px !important;
        border-width: 3px;
}

.cke_skin_kama .cke_button .cke_icon
{
        background-image: url(icons.png);
        background-position: 100px;
        background-repeat: no-repeat;
        margin-top: 1px;
        width: 16px;
        height: 16px;
        display: inline-block;
        float: left;
}

.cke_skin_kama .cke_rtl .cke_button .cke_icon
{
        float: right;
}

.cke_skin_kama .cke_button .cke_label
{
        cursor: default;
        display: none;
        padding-left: 3px;
        line-height: 18px;
        vertical-align: middle;
        float: left;
}

.cke_skin_kama .cke_rtl .cke_button .cke_label
{
        padding-left: 0;
        padding-right: 3px;
        float: right;
}

.cke_skin_kama .cke_hc .cke_button .cke_label
{
        padding: 0;
        display: inline-block;
}

.cke_skin_kama .cke_hc .cke_button .cke_icon
{
        display: none;
}

.cke_skin_kama .cke_accessibility
{
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
}

.cke_skin_kama .cke_button .cke_buttonarrow
{
        display: inline-block;
        height: 17px;
        width: 8px;
        background-position: 2px -1469px; /* (+2, -5) */
        background-image: url(images/sprites.png);
        _background-image: url(images/sprites_ie6.png);
        background-repeat: no-repeat;
        float: left;
}

.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
{
        background-position: 0 -1469px; /* (0, -5) */
        float: right;
}

.cke_skin_kama .cke_hc .cke_button .cke_buttonarrow
{
        display: none;
}

/*** Firefox 2 ***/

.cke_skin_kama .cke_browser_gecko .cke_toolbar,
.cke_skin_kama .cke_browser_gecko .cke_button a,
.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
.cke_skin_kama .cke_browser_gecko .cke_separator,
.cke_skin_kama .cke_browser_gecko .cke_toolbar_start
{
        display: block;
        float: left;
}

.cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon
{
        display: none;
}

.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar,
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a,
.cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start
{
        float: right;
}

.cke_skin_kama .cke_browser_gecko .cke_button .cke_label,
.cke_skin_kama .cke_browser_gecko .cke_break
{
        float: left;
}

.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,
.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break
{
        float: right;
}

/*** IE ***/

/* The biggest problem with IE is the RTL support (and float:right). It's
   totally broken, and quite delicate. IE8 fixed these issues. */

.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
{
        float: none;
}

/*** WebKit ***/

/* We have originally used display:inline-block+float for cke_toolbar and it
   worked well in all browsers, except IE+RTL. We had to change it to inline
   and remove the float. This change didn't play well with Safari. */

.cke_skin_kama .cke_browser_webkit .cke_toolbar
{
        float: left;
}

.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar
{
        float: right;
}

/*** Mixed Fixes ***/

.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,
.cke_skin_kama .cke_browser_opera .cke_button .cke_label,
.cke_skin_kama .cke_browser_webkit .cke_button .cke_label
{
        line-height: 20px;
}

.cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
.cke_skin_kama .cke_browser_iequirks .cke_button .cke_label
{
        line-height: 17px;
}

/* IE8 strict button valign correction */
.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label
{
        vertical-align: top;
}

.cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label
{
        /* revert previous */
        vertical-align: middle;
}
/* END IE8 strict button valign correction */