source: trunk/phpgwapi/js/ckeditor/_source/skins/v2/toolbar.css @ 2862

Revision 2862, 8.4 KB checked in by rodsouza, 14 years ago (diff)

Ticket #663 - Atualizando e centralizando o CKEditor (v. 3.2.1)

Line 
1/*
2Copyright (c) 2003-2010, 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_v2 .cke_toolbox
9        {
10                display: none;
11        }
12}
13
14.cke_skin_v2 .cke_browser_webkit .cke_toolbox,
15.cke_skin_v2 .cke_browser_webkit .cke_toolbox > span
16{
17        white-space: normal;
18}
19
20.cke_skin_v2 .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_v2 a.cke_toolbox_collapser,
28.cke_skin_v2 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 -739px; /* +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_v2 a.cke_toolbox_collapser span
43{
44        display: none;
45}
46
47.cke_skin_v2 .cke_hc a.cke_toolbox_collapser span
48{
49        font-size: 10px;
50        font-weight: bold;
51        font-family: Arial;
52        display: inline;
53}
54
55.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser,
56.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser
57{
58        float: left;
59}
60
61.cke_skin_v2 a.cke_toolbox_collapser_min,
62.cke_skin_v2 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 -760px; /* +4px +3px */
68        background-repeat: no-repeat;
69        margin: 2px;
70}
71
72.cke_skin_v2 .cke_rtl a.cke_toolbox_collapser_min,
73.cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser_min
74{
75        /* arrowright.gif*/
76        background-position: 4px -781px; /* +2px +3px */
77}
78
79.cke_skin_v2 .cke_toolbar
80{
81        padding-top: 1px;
82        padding-bottom: 1px;
83        display: inline-block;
84        float: left;
85}
86
87.cke_skin_v2 .cke_rtl .cke_toolbar
88{
89        float: right;
90}
91
92.cke_skin_v2 .cke_toolgroup
93{
94        display: inline-block;
95        float: left;
96}
97
98.cke_skin_v2 .cke_browser_ie .cke_toolgroup
99{
100        #float: none;
101        #display: inline;
102}
103
104.cke_skin_v2 .cke_rtl .cke_toolgroup
105{
106        float: right;
107}
108
109.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup
110{
111        #float: none;
112}
113
114.cke_skin_v2 .cke_separator
115{
116        display: inline-block;
117        float: left;
118        border-left: solid 1px #999;
119        margin: 4px 2px;
120        height: 16px;
121}
122
123.cke_skin_v2 .cke_browser_ie .cke_separator
124{
125        #float: none;
126        #display: inline;
127}
128
129.cke_skin_v2 .cke_rtl .cke_separator
130{
131        float: right;
132}
133
134.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator
135{
136        #float: none;
137}
138
139.cke_skin_v2 .cke_break
140{
141        clear: left;
142}
143
144.cke_skin_v2 .cke_rtl .cke_break
145{
146        clear: right;
147}
148
149.cke_skin_v2 .cke_toolbar_start
150{
151        display: inline-block;
152        background-image: url(images/toolbar_start.gif);
153        background-repeat: no-repeat;
154        margin: 4px 2px 0 2px;
155        width: 3px;
156        height: 20px;
157        float: left;
158}
159
160.cke_skin_v2 .cke_browser_ie .cke_toolbar_start
161{
162        #float: none;
163        #display: inline;
164}
165
166.cke_skin_v2 .cke_rtl .cke_toolbar_start
167{
168        float: right;
169}
170
171.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start
172{
173        #float: none;
174}
175
176.cke_skin_v2 .cke_toolbar_end
177{
178        display: inline-block;
179        float: left;
180}
181
182.cke_skin_v2 .cke_browser_ie .cke_toolbar_end
183{
184        #float: none;
185        #display: inline
186}
187
188.cke_skin_v2 .cke_rtl .cke_toolbar_end
189{
190    float: right;
191}
192
193.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end
194{
195        #float: none;
196}
197
198.cke_skin_v2 .cke_button a,
199.cke_skin_v2 .cke_button a:hover,
200.cke_skin_v2 .cke_button a:focus,
201.cke_skin_v2 .cke_button a:active,
202.cke_skin_v2 .cke_button a.cke_off
203{
204        border: solid 1px #efefde;
205        display: inline-block;
206        border-radius: 3px;
207        outline: none;
208        padding-top: 2px;
209        padding-left: 4px;
210        padding-right: 4px;
211        padding-bottom: 2px;
212        height: 18px;
213        cursor: default;
214}
215
216.cke_skin_v2 .cke_button a,
217.cke_skin_v2 .cke_button a.cke_off
218{
219        background-color: #efefde;
220        filter: alpha(opacity=70); /* IE */
221        opacity: 0.70; /* Safari, Opera and Mozilla */
222        -moz-border-radius: 3px;
223        -webkit-border-radius: 3px;
224}
225
226.cke_skin_v2 .cke_hc .cke_button a,
227.cke_skin_v2 .cke_hc .cke_button a.cke_off
228{
229        opacity: 1.0;
230        filter: alpha(opacity=100);
231}
232
233.cke_skin_v2 .cke_button a.cke_on
234{
235        border: solid 1px #316ac5;
236        background-color: #a3d7ff;
237        filter: alpha(opacity=100); /* IE */
238        opacity: 1; /* Safari, Opera and Mozilla */
239}
240
241.cke_skin_v2 .cke_button a.cke_disabled *,
242.cke_skin_v2 .cke_browser_ie a:hover.cke_button .cke_disabled *
243{
244        filter: alpha(opacity=30); /* IE */
245        opacity: 0.3; /* Safari, Opera and Mozilla */
246}
247
248.cke_skin_v2 .cke_hc .cke_button a.cke_disabled *,
249.cke_skin_v2 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
250{
251        filter: alpha(opacity=60);
252        opacity: 0.6;
253}
254
255.cke_skin_v2 .cke_button a:hover,
256.cke_skin_v2 .cke_button a:focus,
257.cke_skin_v2 .cke_button a:active       /* IE */
258{
259        border: solid 1px #316ac5;
260        background-color: #dff1ff;
261        padding: 2px 4px;
262}
263
264.cke_skin_v2 .cke_hc .cke_button a:hover,
265.cke_skin_v2 .cke_hc .cke_button a:focus,
266.cke_skin_v2 .cke_hc .cke_button a:active       /* IE */
267{
268        padding: 0 2px !important;
269        border-width: 3px;
270}
271
272.cke_skin_v2 .cke_button .cke_icon
273{
274        background-image: url(icons.png);
275        background-position: 100px;
276        background-repeat:no-repeat;
277        margin-top:1px;
278        width: 16px;
279        height: 16px;
280        display: inline-block;
281}
282
283.cke_skin_v2 .cke_button .cke_label
284{
285        cursor: default;
286        display: none;
287        padding-left: 3px;
288}
289
290.cke_skin_v2 .cke_hc .cke_button .cke_label
291{
292        padding: 0;
293        display: inline-block;
294}
295
296.cke_skin_v2 .cke_hc .cke_button .cke_icon
297{
298        display: none;
299}
300
301.cke_skin_v2 .cke_accessibility
302{
303        position: absolute;
304        display: block;
305        width: 0;
306        height: 0;
307        overflow: hidden;
308}
309
310.cke_skin_v2 .cke_button .cke_buttonarrow
311{
312        display: inline-block;
313        height: 17px;
314        width: 8px;
315        background-position: 2px -717px;
316        background-image: url(images/sprites.png);
317        _background-image: url(images/sprites_ie6.png);
318        background-repeat: no-repeat;
319}
320
321.cke_skin_v2 .cke_rtl .cke_button .cke_buttonarrow
322{
323        background-position: 0 -717px;
324        background-image: url(images/sprites.png);
325        _background-image: url(images/sprites_ie6.png);
326}
327
328/*** Firefox 2 ***/
329
330.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar,
331.cke_skin_v2 .cke_browser_gecko18 .cke_button a,
332.cke_skin_v2 .cke_browser_gecko18 .cke_button a.cke_off,
333.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_icon,
334.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_buttonarrow,
335.cke_skin_v2 .cke_browser_gecko18 .cke_separator,
336.cke_skin_v2 .cke_browser_gecko18 .cke_toolbar_start
337{
338        display: block;
339        float: left;
340}
341
342.cke_skin_v2 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon
343{
344        display: none;
345}
346
347.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar,
348.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a,
349.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,
350.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,
351.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,
352.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_separator,
353.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start
354{
355        float: right;
356}
357
358.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label,
359.cke_skin_v2 .cke_browser_gecko18 .cke_break
360{
361        float: left;
362}
363
364.cke_skin_v2 .cke_browser_gecko18 .cke_rtl span.cke_inline_label
365{
366        float: right;
367}
368
369.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,
370.cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_break
371{
372        float: right;
373}
374
375.cke_skin_v2 .cke_browser_gecko18 .cke_separator
376{
377        margin-top: 4px;
378}
379
380.cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label
381{
382        padding-top: 3px;
383}
384
385/*** IE6 ***/
386
387.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup,
388.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator,
389.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start,
390.cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end
391{
392        float: none;
393}
394
395/*** IE8 ***/
396
397.cke_skin_v2 .cke_browser_ie8 .cke_toolbar,
398.cke_skin_v2 .cke_browser_ie8 .cke_toolgroup
399{
400        vertical-align: top;
401}
402
403.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,
404.cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup
405{
406        /* revert previous */
407        vertical-align: baseline;
408}
409
410/* Fix cursor shape consistency on toolbar combos (#4031) */
411.cke_skin_v2 .cke_browser_ie .cke_rcombo,
412.cke_skin_v2 .cke_browser_ie .cke_rcombo *
413{
414        cursor: default;
415}
Note: See TracBrowser for help on using the repository browser.