2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
8 /* For printing, we simply hide the toolbar */
\r
10 .cke_skin_kama .cke_toolbox
\r
16 .cke_skin_kama .cke_browser_webkit .cke_toolbox,
\r
17 .cke_skin_kama .cke_browser_webkit .cke_toolbox > span
\r
19 white-space: normal;
\r
22 .cke_skin_kama .cke_toolbox
\r
27 .cke_skin_kama a.cke_toolbox_collapser,
\r
28 .cke_skin_kama a:hover.cke_toolbox_collapser
\r
31 background-image: url(images/sprites.png);
\r
32 _background-image: url(images/sprites_ie6.png);
\r
33 background-position: 3px -1366px; /* +3px +4px */
\r
34 background-repeat: no-repeat;
\r
38 border: 1px outset #D3D3D3;
\r
43 .cke_skin_kama .cke_rtl a.cke_toolbox_collapser,
\r
44 .cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser
\r
49 .cke_skin_kama a.cke_toolbox_collapser_min,
\r
50 .cke_skin_kama a:hover.cke_toolbox_collapser_min
\r
53 background-image: url(images/sprites.png);
\r
54 _background-image: url(images/sprites_ie6.png);
\r
55 background-position: 4px -1387px; /* +4px +3px */
\r
56 background-repeat: no-repeat;
\r
60 .cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,
\r
61 .cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min
\r
64 background-position: 4px -1408px; /* +2px +3px */
\r
67 .cke_skin_kama .cke_toolbar
\r
72 .cke_skin_kama .cke_separator
\r
77 .cke_skin_kama .cke_break
\r
83 .cke_skin_kama .cke_rtl .cke_break
\r
88 .cke_skin_kama .cke_toolbar_start
\r
93 .cke_skin_kama .cke_toolgroup
\r
95 -moz-border-radius:5px;
\r
96 -webkit-border-radius: 5px;
\r
98 background-image: url(images/sprites.png);
\r
99 _background-image: url(images/sprites_ie6.png);
\r
100 background-repeat: repeat-x;
\r
101 background-position: 0 -500px;
\r
104 margin-bottom: 5px;
\r
109 .cke_skin_kama .cke_rtl .cke_toolgroup
\r
116 .cke_skin_kama .cke_button a,
\r
117 .cke_skin_kama .cke_button a:hover,
\r
118 .cke_skin_kama .cke_button a:focus,
\r
119 .cke_skin_kama .cke_button a:active,
\r
120 .cke_skin_kama .cke_button a.cke_off
\r
122 border-radius: 3px;
\r
126 display: inline-block;
\r
130 .cke_skin_kama .cke_button a,
\r
131 .cke_skin_kama .cke_button a.cke_off
\r
133 filter: alpha(opacity=70); /* IE */
\r
134 opacity: 0.70; /* Safari, Opera and Mozilla */
\r
135 -moz-border-radius: 3px;
\r
136 -webkit-border-radius: 3px;
\r
139 .cke_skin_kama .cke_hc .cke_button a,
\r
140 .cke_skin_kama .cke_hc .cke_button a.cke_off
\r
143 filter: alpha(opacity=100);
\r
144 border: 1px solid white;
\r
147 .cke_skin_kama .cke_button a.cke_on
\r
149 background-color: #a3d7ff;
\r
150 filter: alpha(opacity=100); /* IE */
\r
151 opacity: 1; /* Safari, Opera and Mozilla */
\r
155 .cke_skin_kama .cke_hc .cke_button a.cke_on
\r
157 padding: 0 2px !important;
\r
161 .cke_skin_kama .cke_button a.cke_disabled,
\r
162 .cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled
\r
164 filter: alpha(opacity=30); /* IE */
\r
165 opacity: 0.3; /* Safari, Opera and Mozilla */
\r
168 .cke_skin_kama .cke_hc .cke_button a.cke_disabled,
\r
169 .cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled
\r
171 filter: alpha(opacity=60);
\r
175 .cke_skin_kama .cke_button a:hover.cke_on,
\r
176 .cke_skin_kama .cke_button a:focus.cke_on,
\r
177 .cke_skin_kama .cke_button a:active.cke_on, /* IE */
\r
178 .cke_skin_kama .cke_button a:hover.cke_off,
\r
179 .cke_skin_kama .cke_button a:focus.cke_off,
\r
180 .cke_skin_kama .cke_button a:active.cke_off /* IE */
\r
182 filter: alpha(opacity=100); /* IE */
\r
183 opacity: 1; /* Safari, Opera and Mozilla */
\r
187 .cke_skin_kama .cke_button a:hover.cke_on,
\r
188 .cke_skin_kama .cke_button a:focus.cke_on,
\r
189 .cke_skin_kama .cke_button a:active.cke_on /* IE */
\r
191 background-color: #86caff;
\r
194 .cke_skin_kama .cke_button a:hover.cke_off,
\r
195 .cke_skin_kama .cke_button a:focus.cke_off,
\r
196 .cke_skin_kama .cke_button a:active.cke_off /* IE */
\r
198 background-color: #dff1ff;
\r
201 .cke_skin_kama .cke_hc .cke_button a:hover.cke_on,
\r
202 .cke_skin_kama .cke_hc .cke_button a:focus.cke_on,
\r
203 .cke_skin_kama .cke_hc .cke_button a:active.cke_on, /* IE */
\r
204 .cke_skin_kama .cke_hc .cke_button a:hover.cke_off,
\r
205 .cke_skin_kama .cke_hc .cke_button a:focus.cke_off,
\r
206 .cke_skin_kama .cke_hc .cke_button a:active.cke_off /* IE */
\r
208 padding: 0 2px !important;
\r
212 .cke_skin_kama .cke_button .cke_icon
\r
214 background-image: url(icons.png);
\r
215 background-position: 100px;
\r
216 background-repeat: no-repeat;
\r
220 display: inline-block;
\r
224 .cke_skin_kama .cke_rtl .cke_button .cke_icon
\r
229 .cke_skin_kama .cke_button .cke_label
\r
235 vertical-align: middle;
\r
239 .cke_skin_kama .cke_rtl .cke_button .cke_label
\r
242 padding-right: 3px;
\r
246 .cke_skin_kama .cke_hc .cke_button .cke_label
\r
249 display: inline-block;
\r
252 .cke_skin_kama .cke_hc .cke_button .cke_icon
\r
257 .cke_skin_kama .cke_accessibility
\r
259 position: absolute;
\r
266 .cke_skin_kama .cke_button .cke_buttonarrow
\r
268 display: inline-block;
\r
271 background-position: 2px -1469px; /* (+2, -5) */
\r
272 background-image: url(images/sprites.png);
\r
273 _background-image: url(images/sprites_ie6.png);
\r
274 background-repeat: no-repeat;
\r
278 .cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
\r
280 background-position: 0 -1469px; /* (0, -5) */
\r
284 .cke_skin_kama .cke_hc .cke_button .cke_buttonarrow
\r
289 /*** Firefox 2 ***/
\r
291 .cke_skin_kama .cke_browser_gecko .cke_toolbar,
\r
292 .cke_skin_kama .cke_browser_gecko .cke_button a,
\r
293 .cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
\r
294 .cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
\r
295 .cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
\r
296 .cke_skin_kama .cke_browser_gecko .cke_separator,
\r
297 .cke_skin_kama .cke_browser_gecko .cke_toolbar_start
\r
303 .cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon
\r
308 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar,
\r
309 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a,
\r
310 .cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
\r
311 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
\r
312 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
\r
313 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start
\r
318 .cke_skin_kama .cke_browser_gecko .cke_button .cke_label,
\r
319 .cke_skin_kama .cke_browser_gecko .cke_break
\r
324 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,
\r
325 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break
\r
332 /* The biggest problem with IE is the RTL support (and float:right). It's
\r
333 totally broken, and quite delicate. IE8 fixed these issues. */
\r
335 .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,
\r
336 .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,
\r
337 .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
\r
344 /* We have originally used display:inline-block+float for cke_toolbar and it
\r
345 worked well in all browsers, except IE+RTL. We had to change it to inline
\r
346 and remove the float. This change didn't play well with Safari. */
\r
348 .cke_skin_kama .cke_browser_webkit .cke_toolbar
\r
353 .cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar
\r
358 /*** Mixed Fixes ***/
\r
360 .cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,
\r
361 .cke_skin_kama .cke_browser_opera .cke_button .cke_label,
\r
362 .cke_skin_kama .cke_browser_webkit .cke_button .cke_label
\r
367 .cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
\r
368 .cke_skin_kama .cke_browser_iequirks .cke_button .cke_label
\r
373 /* IE8 strict button valign correction */
\r
374 .cke_skin_kama .cke_browser_ie8 .cke_button .cke_label
\r
376 vertical-align: top;
\r
379 .cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label
\r
381 /* revert previous */
\r
382 vertical-align: middle;
\r
384 /* END IE8 strict button valign correction */
\r
386 /* Fix cursor shape consistency on toolbar combos (#4031) */
\r
387 .cke_skin_kama .cke_browser_ie .cke_rcombo,
\r
388 .cke_skin_kama .cke_browser_ie .cke_rcombo *
\r
393 .cke_skin_kama .cke_browser_ie7 .cke_toolbox
\r
395 margin-bottom: 2px;
\r
398 .cke_shared .cke_skin_kama .cke_browser_ie7 .cke_toolbox
\r
403 .cke_skin_kama .cke_browser_gecko .cke_toolbox
\r
405 /* Define the padding-bottom otherwise the collapser button will not be clicable in FF */
\r
406 padding-bottom: 1px;
\r