source: trunk/admin/inc/ckeditor/_source/skins/office2003/toolbar.css@ 253

Last change on this file since 253 was 239, checked in by luc, 9 years ago

Admin: correzione visulaizzazione immissione dati spoglio per Chrome e Safari - Aggiornamento dell'editor da FCKeditor a CKeditor , accessibili anche a Chrome e Safari.

  • Property svn:executable set to *
File size: 12.6 KB
Line 
1/*
2Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
3For licensing, see LICENSE.html or http://ckeditor.com/license
4*/
5
6@media print
7{
8 .cke_skin_office2003 .cke_toolbox
9 {
10 display: none;
11 }
12}
13
14.cke_skin_office2003 .cke_browser_webkit .cke_toolbox,
15.cke_skin_office2003 .cke_browser_webkit .cke_toolbox > span
16{
17 white-space: normal;
18}
19
20.cke_skin_office2003 .cke_toolbox
21{
22 clear: both;
23 /* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/
24 padding-bottom: 1px;
25}
26
27.cke_skin_office2003 a.cke_toolbox_collapser,
28.cke_skin_office2003 a:hover.cke_toolbox_collapser
29{
30 background-image: url(images/sprites.png);
31 _background-image: url(images/sprites_ie6.png);
32 background-position: 3px -1026px; /* +3px +4px */
33 background-repeat: no-repeat;
34 width: 11px;
35 height: 11px;
36 float: right;
37 border: outset 1px;
38 margin: 11px 2px 2px;
39 cursor: pointer;
40}
41
42.cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser,
43.cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser
44{
45 float: left;
46}
47
48.cke_skin_office2003 a.cke_toolbox_collapser span
49{
50 display: none;
51}
52
53.cke_skin_office2003 .cke_hc a.cke_toolbox_collapser span
54{
55 font-size: 10px;
56 font-weight: bold;
57 font-family: Arial;
58 display: inline;
59}
60
61.cke_skin_office2003 a.cke_toolbox_collapser_min,
62.cke_skin_office2003 a:hover.cke_toolbox_collapser_min
63{
64 /* arrowleft.gif*/
65 background-image: url(images/sprites.png);
66 _background-image: url(images/sprites_ie6.png);
67 background-position: 4px -1047px; /* +4px +3px */
68 background-repeat: no-repeat;
69 margin: 2px;
70}
71
72.cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser_min,
73.cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser_min
74{
75 /* arrowright.gif*/
76 background-position: 4px -1068px; /* +2px +3px */
77}
78
79.cke_skin_office2003 .cke_toolbar
80{
81 background-color: #d6dff7;
82 background-image: url(images/sprites.png);
83 _background-image: url(images/sprites_ie6.png);
84 background-position: 0 -962px;
85 background-repeat: repeat-x;
86 display: inline-block;
87 float: left;
88 !height: 28px;
89 !line-height: 28px;
90}
91
92.cke_skin_office2003 .cke_rtl .cke_toolbar
93{
94 float: right;
95}
96
97.cke_skin_office2003 .cke_toolgroup
98{
99 display: inline-block;
100 float: left;
101 height: 28px;
102}
103
104.cke_skin_office2003 .cke_browser_ie .cke_toolgroup
105{
106 #float: none;
107 #display: inline;
108}
109
110.cke_skin_office2003 .cke_rtl .cke_toolgroup
111{
112 float: right;
113}
114
115.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup
116{
117 #float: none;
118}
119
120.cke_skin_office2003 .cke_separator
121{
122 display: inline-block;
123 float: left;
124 border-left: solid 1px #B2CBFF;
125 margin: 6px 2px;
126 height: 16px;
127}
128
129.cke_skin_office2003 .cke_browser_ie .cke_separator
130{
131 #float: none;
132 #display: inline;
133}
134
135.cke_skin_office2003 .cke_rtl .cke_separator
136{
137 float: right;
138}
139
140.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator
141{
142 #float: none;
143}
144
145.cke_skin_office2003 .cke_break
146{
147 clear: left;
148}
149
150.cke_skin_office2003 .cke_rtl .cke_break
151{
152 clear: right;
153}
154
155.cke_skin_office2003 .cke_toolbar_start
156{
157 display: inline-block;
158 background-image: url(images/sprites.png);
159 _background-image: url(images/sprites_ie6.png);
160 background-repeat: no-repeat;
161 background-position: -27px -765px;
162 width: 10px;
163 height: 28px;
164 float: left;
165}
166
167.cke_skin_office2003 .cke_browser_ie .cke_toolbar_start
168{
169 #float: none;
170 #display: inline;
171}
172
173.cke_skin_office2003 .cke_rtl .cke_toolbar_start
174{
175 background-position: -27px -816px;
176 float: right;
177}
178
179.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start
180{
181 #float: none;
182}
183
184.cke_skin_office2003 .cke_toolbar_end
185{
186 display: inline-block;
187 background-image: url(images/sprites.png);
188 _background-image: url(images/sprites_ie6.png);
189 background-repeat: no-repeat;
190 background-position: -29px -861px;
191 width: 4px;
192 height: 28px;
193 float: left;
194}
195
196.cke_skin_office2003 .cke_browser_ie .cke_toolbar_end
197{
198 #float: none;
199 #display: inline;
200}
201
202.cke_skin_office2003 .cke_rtl .cke_toolbar_end
203{
204 background-position: -29px -907px;
205 float: right;
206}
207
208.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end
209{
210 #float: none;
211}
212
213/*#7181*/
214.cke_skin_office2003 .cke_browser_ie9 .cke_rtl .cke_separator,
215.cke_skin_office2003 .cke_browser_ie9 .cke_rtl .cke_toolbar_start,
216.cke_skin_office2003 .cke_browser_ie9 .cke_rtl .cke_toolbar_end
217{
218 vertical-align:middle;
219}
220
221.cke_skin_office2003 .cke_button a,
222.cke_skin_office2003 .cke_button a:hover,
223.cke_skin_office2003 .cke_button a:focus,
224.cke_skin_office2003 .cke_button a:active,
225.cke_skin_office2003 .cke_button a.cke_off
226{
227 border: solid 1px transparent;
228 border-radius: 3px;
229 outline: none;
230 padding-top: 2px;
231 padding-left: 4px;
232 padding-right: 4px;
233 padding-bottom: 2px;
234 margin-top: 2px;
235 height: 18px;
236 vertical-align: top;
237
238 _border: none;
239 _margin: 3px 1px 1px 1px;
240 cursor: default;
241 display: inline-block;
242}
243
244.cke_skin_office2003 .cke_button a,
245.cke_skin_office2003 .cke_button a.cke_off
246{
247 filter: alpha(opacity=70); /* IE */
248 opacity: 0.70; /* Safari, Opera and Mozilla */
249 -moz-border-radius: 3px;
250 -webkit-border-radius: 3px;
251}
252
253.cke_skin_office2003 .cke_hc .cke_button a,
254.cke_skin_office2003 .cke_hc .cke_button a.cke_off
255{
256 opacity: 1.0;
257 filter: alpha(opacity=100);
258 _border: 1px solid transparent;
259}
260
261.cke_skin_office2003 .cke_button a.cke_on
262{
263 border: solid 1px #316ac5;
264 background-color: #c1d2ee;
265 filter: alpha(opacity=100); /* IE */
266 opacity: 1; /* Safari, Opera and Mozilla */
267
268 _margin: 2px 0 0 0;
269}
270
271.cke_skin_office2003 .cke_hc .cke_button a:hover,
272.cke_skin_office2003 .cke_hc .cke_button a:focus,
273.cke_skin_office2003 .cke_hc .cke_button a:active /* IE */
274{
275 padding: 0 2px !important;
276 border-width: 3px;
277}
278
279.cke_skin_office2003 .cke_button a.cke_disabled *
280{
281 filter: alpha(opacity=30); /* IE */
282 opacity: 0.3; /* Safari, Opera and Mozilla */
283}
284
285/* IE with zoom != 100% will distort the icons otherwise #4821 */
286.cke_skin_office2003 .cke_browser_ie .cke_button a.cke_disabled *,
287.cke_skin_office2003 .cke_browser_ie a:hover.cke_button .cke_disabled *
288{
289 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
290}
291.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,
292.cke_skin_office2003 .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *
293{
294 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
295}
296.cke_skin_office2003 .cke_browser_ie6 .cke_button a.cke_disabled *,
297.cke_skin_office2003 .cke_browser_ie6 a:hover.cke_button .cke_disabled *,
298.cke_skin_office2003 .cke_browser_ie .cke_button.cke_noalphafix a.cke_disabled *
299{
300 filter: alpha(opacity=30);
301}
302
303.cke_skin_office2003 .cke_hc .cke_button a.cke_disabled *,
304.cke_skin_office2003 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
305{
306 filter: alpha(opacity=60);
307 opacity: 0.6;
308}
309
310.cke_skin_office2003 .cke_button a:hover,
311.cke_skin_office2003 .cke_button a:focus,
312.cke_skin_office2003 .cke_button a:active /* IE */
313{
314 border: solid 1px #316ac5;
315 background-color: #dff1ff;
316 filter: alpha(opacity=100); /* IE */
317 opacity: 1; /* Safari, Opera and Mozilla */
318 vertical-align: top;
319
320 _margin: 2px 0 0 0;
321 padding: 2px 4px;
322}
323
324.cke_skin_office2003 .cke_button .cke_icon
325{
326 background-image: url(icons.png);
327 background-position: 100px;
328 background-repeat:no-repeat;
329 margin-top:1px;
330 width: 16px;
331 height: 16px;
332 display: inline-block;
333 cursor: default;
334}
335
336.cke_skin_office2003 .cke_rtl .cke_button .cke_icon
337{
338 background-image: url(icons_rtl.png);
339}
340
341/* IE with zoom != 100% will distort the icons otherwise #4821 */
342.cke_skin_office2003 .cke_browser_ie .cke_button .cke_icon
343{
344 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
345}
346.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_button .cke_icon
347{
348 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
349}
350.cke_skin_office2003 .cke_browser_ie6 .cke_button .cke_icon,
351.cke_skin_office2003 .cke_browser_ie6 .cke_rtl .cke_button .cke_icon,
352.cke_skin_office2003 .cke_browser_ie .cke_button.cke_noalphafix .cke_icon,
353.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_button.cke_noalphafix .cke_icon
354{
355 filter: ;
356}
357
358.cke_skin_office2003 .cke_button .cke_label
359{
360 display: none;
361 padding-left: 3px;
362 cursor: default;
363 vertical-align:middle;
364 _background-image: url(images/sprites_ie6.png);
365 _background-position: 0 -970px;
366 _background-repeat: repeat-x;
367}
368
369.cke_skin_office2003 .cke_button a:hover .cke_label
370{
371 _background-color: #dff1ff;
372 _background-image: none;
373}
374
375.cke_skin_office2003 .cke_button a.cke_on .cke_label
376{
377 _background-color: #c1d2ee;
378 _background-image: none;
379}
380
381.cke_skin_office2003 .cke_hc .cke_button .cke_label
382{
383 padding: 0;
384 display: inline-block;
385}
386
387.cke_skin_office2003 .cke_hc .cke_button .cke_icon
388{
389 display: none;
390}
391
392.cke_skin_office2003 .cke_accessibility
393{
394 position: absolute;
395 display: block;
396 width: 0;
397 height: 0;
398 overflow: hidden;
399}
400
401.cke_skin_office2003 .cke_button .cke_buttonarrow
402{
403 display: inline-block;
404 height: 18px;
405 width: 8px;
406 background-position: 2px -1004px;
407 background-image: url(images/sprites.png);
408 _background-image: url(images/sprites_ie6.png);
409 background-repeat: no-repeat;
410 cursor: default;
411}
412
413/* IE with zoom != 100% will distort the icons otherwise #4821 */
414.cke_skin_office2003 .cke_browser_ie .cke_button .cke_buttonarrow
415{
416 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
417}
418.cke_skin_office2003 .cke_browser_ie6 .cke_button .cke_buttonarrow
419{
420 filter: ;
421}
422
423.cke_skin_office2003 .cke_rtl .cke_button .cke_buttonarrow
424{
425 background-position: 0 -1004px;
426}
427
428/*** Firefox 2 ***/
429
430.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar,
431.cke_skin_office2003 .cke_browser_gecko18 .cke_button a,
432.cke_skin_office2003 .cke_browser_gecko18 .cke_button a.cke_off,
433.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_icon,
434.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_buttonarrow,
435.cke_skin_office2003 .cke_browser_gecko18 .cke_separator,
436.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_start,
437.cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_end
438{
439 display: block;
440 float: left;
441}
442
443.cke_skin_office2003 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon
444{
445 display: none;
446}
447
448.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar,
449.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a,
450.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,
451.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,
452.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,
453.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_separator,
454.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start,
455.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_end
456{
457 float: right;
458}
459
460.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label,
461.cke_skin_office2003 .cke_browser_gecko18 .cke_break
462{
463 float: left;
464}
465
466.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl span.cke_inline_label
467{
468 float: right;
469}
470
471.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,
472.cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_break
473{
474 float: right;
475}
476
477.cke_skin_office2003 .cke_browser_gecko18 .cke_separator
478{
479 margin-top: 4px;
480}
481
482.cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label
483{
484 padding-top: 3px;
485}
486
487/*** IE6 ***/
488
489.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup,
490.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator,
491.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start,
492.cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end
493{
494 float: none;
495}
496
497/*** IE8 ***/
498
499.cke_skin_office2003 .cke_browser_ie8 .cke_toolbar,
500.cke_skin_office2003 .cke_browser_ie8 .cke_toolgroup
501{
502 vertical-align: top;
503}
504
505.cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,
506.cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup
507{
508 /* revert previous */
509 vertical-align: baseline;
510}
511
512/* Separator + Combo penetrate toolbar in IE quirks. (#4461) */
513.cke_skin_office2003 .cke_browser_iequirks .cke_separator
514{
515 vertical-align: text-bottom;
516}
517/* Fix cursor shape consistency on toolbar combos (#4031) */
518.cke_skin_office2003 .cke_browser_ie .cke_rcombo,
519.cke_skin_office2003 .cke_browser_ie .cke_rcombo *
520{
521 cursor: default;
522}
Note: See TracBrowser for help on using the repository browser.