source: branches/2.2/filemanager/tp/ckeditor/_source/skins/v2/toolbar.css @ 3019

Revision 3019, 8.4 KB checked in by amuller, 14 years ago (diff)

Ticket #1135 - Corrigindo CSS e adicionando filemanager

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