453 lines
11 KiB
CSS
453 lines
11 KiB
CSS
/*
|
|
Copyright (c) 2003-2011, 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;
|
|
/* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
.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 0 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 span
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.cke_skin_kama .cke_hc a.cke_toolbox_collapser span
|
|
{
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
font-family: Arial;
|
|
display: inline;
|
|
}
|
|
|
|
.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_toolgroup
|
|
{
|
|
display: block;
|
|
height: 22px;
|
|
}
|
|
|
|
.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 *
|
|
{
|
|
filter: alpha(opacity=30); /* IE */
|
|
opacity: 0.3; /* Safari, Opera and Mozilla */
|
|
}
|
|
|
|
/* IE with zoom != 100% will distort the icons otherwise #4821 */
|
|
.cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled *,
|
|
.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled *
|
|
{
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
|
|
}
|
|
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,
|
|
.cke_skin_kama .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *
|
|
{
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
|
|
}
|
|
.cke_skin_kama .cke_browser_ie6 .cke_button a.cke_disabled *,
|
|
.cke_skin_kama .cke_browser_ie6 a:hover.cke_button .cke_disabled *,
|
|
.cke_skin_kama .cke_browser_ie .cke_button.cke_noalphafix a.cke_disabled *
|
|
{
|
|
filter: alpha(opacity=30);
|
|
}
|
|
|
|
.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_skin_kama .cke_button a:focus,
|
|
.cke_skin_kama .cke_button a:active /* IE */
|
|
{
|
|
background-color: #dff1ff;
|
|
}
|
|
|
|
.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_hc .cke_button a:hover,
|
|
.cke_skin_kama .cke_hc .cke_button a:focus,
|
|
.cke_skin_kama .cke_hc .cke_button a:active /* 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;
|
|
cursor: default;
|
|
}
|
|
|
|
.cke_skin_kama .cke_rtl .cke_button .cke_icon
|
|
{
|
|
background-image: url(icons_rtl.png);
|
|
}
|
|
/* IE with zoom != 100% will distort the icons otherwise #4821 */
|
|
.cke_skin_kama .cke_browser_ie .cke_button .cke_icon
|
|
{
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
|
|
}
|
|
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon
|
|
{
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
|
|
}
|
|
.cke_skin_kama .cke_browser_ie6 .cke_button .cke_icon,
|
|
.cke_skin_kama .cke_browser_ie6 .cke_rtl .cke_button .cke_icon,
|
|
.cke_skin_kama .cke_browser_ie .cke_button.cke_noalphafix .cke_icon,
|
|
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button.cke_noalphafix .cke_icon
|
|
{
|
|
filter: ;
|
|
}
|
|
|
|
.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;
|
|
cursor: default;
|
|
}
|
|
|
|
/* IE with zoom != 100% will distort the icons otherwise #4821 */
|
|
.cke_skin_kama .cke_browser_ie .cke_button .cke_buttonarrow
|
|
{
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
|
|
}
|
|
.cke_skin_kama .cke_browser_ie6 .cke_button .cke_buttonarrow
|
|
{
|
|
filter: ;
|
|
}
|
|
|
|
.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
|
|
{
|
|
background-position: 0 -1469px; /* (0, -5) */
|
|
float: right;
|
|
}
|
|
|
|
/*** 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;
|
|
}
|
|
|
|
/* Fix cursor shape consistency on toolbar combos (#4031) */
|
|
.cke_skin_kama .cke_browser_ie .cke_rcombo,
|
|
.cke_skin_kama .cke_browser_ie .cke_rcombo *
|
|
{
|
|
cursor: default;
|
|
}
|
|
|
|
.cke_skin_kama .cke_browser_ie .cke_toolbox
|
|
{
|
|
padding-bottom: 5px;
|
|
_padding-bottom: 6px;
|
|
}
|
|
|
|
.cke_shared .cke_skin_kama .cke_browser_ie .cke_toolbox
|
|
{
|
|
padding-bottom: 0;
|
|
}
|