mailiverse/gwt/war/ckeditor/_source/skins/kama/toolbar.css

409 lines
9.7 KiB
CSS
Raw Normal View History

2013-07-21 13:40:17 -04:00
/*
Copyright (c) 2003-2012, 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_separator
{
display: inline-block;
border-left: solid 1px #D3D3D3;
margin: 3px 2px 0;
height: 16px;
/* These are for IE < 8, but it's ok for the others */
vertical-align: top;
}
.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 *
{
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;
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_button .cke_label
{
cursor: default;
display: none;
padding-left: 3px;
line-height: 18px;
vertical-align: middle;
}
.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;
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: ;
}
/*** 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_separator,
.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;
}
/*** 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_ie .cke_button .cke_label
{
line-height: 16px;
}
/* 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;
}