source: branches/2.2/filemanager/tp/ckeditor/_source/skins/kama/dialog.css @ 3019

Revision 3019, 15.5 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/* Restore the dialog visibility */
7body .cke_dialog
8{
9        visibility: visible;
10}
11
12.cke_skin_kama .cke_dialog_body
13{
14        z-index: 1;
15        border: solid 1px #ddd;
16        padding: 5px;
17        background-color: #fff;
18        -moz-border-radius: 5px;
19        -webkit-border-radius: 5px;
20        border-radius: 5px;
21}
22
23.cke_skin_kama .cke_dialog_tl,
24.cke_skin_kama .cke_dialog_tr,
25.cke_skin_kama .cke_dialog_tc,
26.cke_skin_kama .cke_dialog_bl,
27.cke_skin_kama .cke_dialog_br,
28.cke_skin_kama .cke_dialog_bc,
29.cke_skin_kama .cke_dialog_ml,
30.cke_skin_kama .cke_dialog_mr
31{
32        display:none;
33}
34
35.cke_skin_kama .cke_dialog_title
36{
37        font-weight: bold;
38        font-size: 14px;
39        padding: 3px 3px 8px;
40        cursor: move;
41        position: relative;
42        border-bottom: 1px solid #eee;
43}
44
45.cke_skin_kama .cke_browser_iequirks .cke_dialog_title,
46.cke_skin_kama .cke_browser_ie6 .cke_dialog_title,
47.cke_skin_kama .cke_browser_ie7 .cke_dialog_title
48{
49        margin-bottom: 22px;
50}
51
52.cke_skin_kama .cke_browser_iequirks.cke_single_page .cke_dialog_title,
53.cke_skin_kama .cke_browser_ie6.cke_single_page .cke_dialog_title,
54.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_title
55{
56        margin-bottom: 10px;
57}
58
59.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_title
60{
61        position: static !important;
62        unicode-bidi: bidi-override;
63}
64
65.cke_skin_kama .cke_dialog_contents
66{
67        background-color: #ebebeb;
68        border: solid 1px #fff;
69        border-bottom: none;
70        overflow: auto;
71        padding: 17px 10px 5px 10px;
72        -moz-border-radius-topleft: 5px;
73        -moz-border-radius-topright: 5px;
74        -webkit-border-top-left-radius: 5px;
75        -webkit-border-top-right-radius: 5px;
76        border-top-left-radius: 5px;
77        border-top-right-radius: 5px;
78        margin-top: 22px;
79}
80
81.cke_skin_kama .cke_dialog_footer
82{
83        text-align: right;
84        background-color: #ebebeb;
85        border: solid 1px #fff;
86        border-bottom: none;
87        -moz-border-radius-bottomleft: 5px;
88        -moz-border-radius-bottomright: 5px;
89        -webkit-border-bottom-left-radius: 5px;
90        -webkit-border-bottom-right-radius: 5px;
91        border-bottom-left-radius: 5px;
92        border-bottom-right-radius: 5px;
93}
94
95.cke_skin_kama .cke_rtl .cke_dialog_footer
96{
97        text-align: left;
98}
99
100/* tabs */
101
102.cke_skin_kama .cke_dialog_tabs
103{
104        height: 23px;
105        display: inline-block;
106        _display: block;
107        margin-left:10px;
108        margin-right:10px;
109        margin-top: 11px;
110        position: absolute;
111        z-index: 2;
112}
113
114.cke_skin_kama .cke_browser_iequirks .cke_dialog_tabs,
115.cke_skin_kama .cke_browser_ie6 .cke_dialog_tabs,
116.cke_skin_kama .cke_browser_ie7 .cke_dialog_tabs
117{
118        top: 33px;
119}
120
121.cke_skin_kama .cke_rtl .cke_dialog_tabs
122{
123        right: 10px;
124}
125
126.cke_skin_kama a.cke_dialog_tab,
127.cke_skin_kama a:link.cke_dialog_tab,
128.cke_skin_kama a:active.cke_dialog_tab,
129.cke_skin_kama a:hover.cke_dialog_tab,
130.cke_skin_kama a:visited.cke_dialog_tab
131{
132        background-image: url(images/sprites.png);
133        background-repeat: repeat-x;
134        background-position: 0 -1323px;
135
136        background-color: #ebebeb;
137        height: 14px;
138        padding: 4px 8px;
139        display: inline-block;
140        cursor: pointer;
141
142}
143
144/* Gecko 1.8 layout workaround. */
145.cke_skin_kama .cke_browser_gecko18 a.cke_dialog_tab,
146.cke_skin_kama .cke_browser_gecko18 a:link.cke_dialog_tab,
147.cke_skin_kama .cke_browser_gecko18 a:active.cke_dialog_tab,
148.cke_skin_kama .cke_browser_gecko18 a:hover.cke_dialog_tab,
149.cke_skin_kama .cke_browser_gecko18 a:visited.cke_dialog_tab
150{
151        display: inline;
152        position: relative;
153        top: 6px;
154}
155
156.cke_skin_kama a:hover.cke_dialog_tab
157{
158        background-color: #f1f1e3;
159}
160
161.cke_skin_kama a.cke_dialog_tab_selected,
162.cke_skin_kama a:link.cke_dialog_tab_selected,
163.cke_skin_kama a:active.cke_dialog_tab_selected,
164.cke_skin_kama a:hover.cke_dialog_tab_selected,
165.cke_skin_kama a:visited.cke_dialog_tab_selected
166{
167        background-position: 0 -1279px;
168        cursor: default;
169}
170
171/* single_page */
172
173.cke_skin_kama .cke_single_page .cke_dialog_tabs
174{
175        display: none;
176}
177
178.cke_skin_kama .cke_single_page .cke_dialog_contents
179{
180        padding-top: 5px;
181        margin-top: 10px;
182}
183
184/* IE7 + IE quirks */
185.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_contents
186{
187        margin-top: -10px;
188        position: relative;
189        margin-bottom: -22px;
190}
191
192.cke_skin_kama .cke_dialog_ui_vbox table,
193.cke_skin_kama .cke_dialog_ui_hbox table
194{
195        margin: auto;
196}
197
198.cke_skin_kama .cke_dialog_ui_vbox_child
199{
200        padding: 5px 0px;
201}
202
203.cke_skin_kama input.cke_dialog_ui_input_text,
204.cke_skin_kama input.cke_dialog_ui_input_password
205{
206        background-color: white;
207        border: none;
208        padding: 0px;
209        width: 100%;
210        height: 14px;
211}
212
213.cke_skin_kama div.cke_dialog_ui_input_text,
214.cke_skin_kama div.cke_dialog_ui_input_password
215{
216        background-color: white;
217        border: 1px solid #a0a0a0;
218        padding: 1px 0px;
219}
220
221.cke_skin_kama textarea.cke_dialog_ui_input_textarea
222{
223        background-color: white;
224        border: none;
225        padding: 0px;
226        width: 100%;
227        /*
228         * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
229         * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
230         */
231        _width: 99%;
232        overflow: auto;
233        resize: none;
234}
235
236.cke_skin_kama div.cke_dialog_ui_input_textarea
237{
238        background-color: white;
239        border: 1px solid #a0a0a0;
240        padding: 1px 0px;
241}
242
243.cke_skin_kama div.cke_disabled .cke_dialog_ui_labeled_content *
244{
245        background-color : #a0a0a0;
246        cursor : default;
247}
248
249.cke_skin_kama .cke_dialog_ui_hbox
250{
251        width: 100%;
252}
253
254.cke_skin_kama .cke_dialog_ui_hbox_first,
255.cke_skin_kama .cke_dialog_ui_hbox_child,
256.cke_skin_kama .cke_dialog_ui_hbox_last
257{
258        vertical-align: top;
259}
260
261.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_first,
262.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_child
263{
264        padding-right: 10px;
265}
266
267.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_first,
268.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_child
269{
270        padding-left: 10px;
271}
272
273/* button */
274
275.cke_skin_kama a.cke_dialog_ui_button
276{
277        border-collapse: separate;
278        cursor: default;
279
280        -moz-border-radius: 5px;
281        -webkit-border-radius: 5px;
282        border-radius: 5px;
283        background: transparent url(images/sprites.png) repeat-x scroll 0 -1069px;
284        _background: none;
285        padding: 5px 0;
286}
287
288.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button
289{
290        padding: 0;
291}
292
293/* IE6 buttons. */
294.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
295{
296        width: 70px;
297}
298
299.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
300.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span
301{
302        width: 100px;
303}
304
305.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
306.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
307.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
308{
309        padding: 5px 15px;
310        text-align: center;
311        color: #3b3b1f;
312        background: #53D9F0 none;
313        display: inline-block;
314        cursor: default;
315}
316/* END IE6 buttons. */
317
318.cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button span.cke_dialog_ui_button
319{
320        margin: 0;
321}
322.cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button
323{
324        float: right;
325        padding-top: 3px;
326        padding-bottom: 2px;
327        margin: 2px 0;
328}
329
330.cke_skin_kama a.cke_dialog_ui_button_ok span,
331.cke_skin_kama a.cke_dialog_ui_button_cancel span
332{
333        padding-right: 20px;
334        padding-left: 20px;
335}
336
337.cke_skin_kama a.cke_dialog_ui_button_ok
338{
339        background-position: 0 -1143px;
340}
341
342.cke_skin_kama a.cke_dialog_ui_button_ok span
343{
344        background: transparent url(images/sprites.png) no-repeat scroll right -1219px;
345}
346
347.cke_skin_kama .cke_rtl a.cke_dialog_ui_button_ok span
348{
349        background-position: left -1219px;
350}
351
352.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
353.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
354{
355        background-color: #B8E834;
356        margin-right: 0;
357}
358
359.cke_skin_kama a.cke_dialog_ui_button_cancel
360{
361        background-position: 0 -1104px;
362}
363
364.cke_skin_kama a.cke_dialog_ui_button_cancel span
365{
366        background: transparent url(images/sprites.png) no-repeat scroll right -1245px;
367}
368
369.cke_skin_kama .cke_rtl a.cke_dialog_ui_button_cancel span
370{
371        background-position: left -1245px;
372}
373
374.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
375.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span
376{
377        background-color: #F65D20;
378}
379
380.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
381.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span,
382.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
383.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
384{
385        background-image: none;
386}
387
388.cke_skin_kama span.cke_dialog_ui_button
389{
390        padding: 2px 10px;
391        text-align: center;
392        color: #222;
393        display: inline-block;
394        cursor: default;
395}
396
397/* Gecko 1.8 does not support display: inline-block */
398.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
399{
400        display: block;
401}
402
403.cke_skin_kama a.cke_dialog_ui_button span.cke_disabled
404{
405        border: #898980 1px solid;
406        color: #5e5e55;
407        background-color: #c5c5b3;
408}
409
410.cke_skin_kama a:hover.cke_dialog_ui_button,
411.cke_skin_kama a:focus.cke_dialog_ui_button,
412.cke_skin_kama a:active.cke_dialog_ui_button
413{
414        background-position: 0 -1179px;
415}
416
417/* Skip hover effect on IE6 */
418.cke_skin_kama .cke_browser_iequirks a:hover.cke_dialog_ui_button span,
419.cke_skin_kama .cke_browser_iequirks a:focus.cke_dialog_ui_button span,
420.cke_skin_kama .cke_browser_iequirks a:active.cke_dialog_ui_button span,
421.cke_skin_kama .cke_browser_ie6 a:hover.cke_dialog_ui_button span,
422.cke_skin_kama .cke_browser_ie6 a:focus.cke_dialog_ui_button span,
423.cke_skin_kama .cke_browser_ie6 a:active.cke_dialog_ui_button span
424{
425        background-image: none;
426        background: #F7A922;
427}
428
429.cke_skin_kama .cke_dialog_footer_buttons
430{
431        display: inline-table;
432        margin-right: 12px;
433        margin-left: 12px;
434        width: auto;
435        position: relative;
436}
437
438/* Gecko 1.8 does not support for display: inline-table */
439.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons
440{
441        display: inline;
442}
443
444.cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button
445{
446        margin: 7px 0;
447        width: 60px;
448        text-align: center;
449}
450
451/* Firefox2 buttons */
452.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons a.cke_dialog_ui_button
453{
454        display: block;
455        padding: 0;
456}
457
458.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
459{
460        padding-bottom: 5px;
461        padding-top: 6px;
462        margin-bottom: 0;
463}
464
465.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_ok .cke_dialog_ui_button
466{
467        background-position: right -1214px;
468}
469
470.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons .cke_dialog_ui_button_cancel .cke_dialog_ui_button
471{
472        background-position: right -1242px;
473}
474/* END Firefox2 buttons */
475
476.cke_skin_kama strong
477{
478        font-weight: bold;
479}
480
481/* close_button */
482
483.cke_skin_kama .cke_dialog_close_button
484{
485        background-image: url(images/sprites.png);
486        background-repeat: no-repeat;
487        background-position: 0 -1022px;
488        position: absolute;
489        cursor: pointer;
490        text-align: center;
491        height: 20px;
492        width: 20px;
493        top: 5px;
494
495        /* IE 6 */
496        _background-image: url(images/sprites_ie6.png);
497}
498
499.cke_skin_kama .cke_dialog_close_button span
500{
501        display: none;
502}
503
504.cke_skin_kama .cke_dialog_close_button:hover
505{
506        background-position: 0 -1045px;
507}
508
509.cke_skin_kama .cke_ltr .cke_dialog_close_button
510{
511        right: 10px;
512}
513
514.cke_skin_kama .cke_browser_ie8.cke_rtl .cke_dialog_close_button
515{
516        left: 8px;
517}
518
519.cke_skin_kama .cke_rtl .cke_dialog_close_button
520{
521        left: 10px;
522}
523
524.cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button
525{
526        left: 16px;
527        top: 0;
528}
529
530/*.cke_skin_kama .cke_browser_ie6.cke_rtl .cke_dialog_close_button
531{
532        left: 16px;
533}*/
534
535/* IE7 + IE quirks */
536.cke_skin_kama .cke_browser_ie7.cke_rtl .cke_dialog_close_button
537{
538        position: absolute;
539        left: 10px;
540        top: 5px;
541}
542
543/* IE7 + IE quirks */
544.cke_skin_kama .cke_browser_ie7.cke_single_page .cke_dialog_footer
545{
546        margin-top: 22px;
547}
548
549.cke_skin_kama .cke_browser_ie6 .cke_dialog_close_button,
550.cke_skin_kama .cke_browser_iequirks .cke_dialog_close_button
551{
552        top: 7px;
553}
554
555/* IE7 + IE quirks */
556.cke_skin_kama .cke_browser_ie7.cke_ltr .cke_dialog_close_button
557{
558        margin-top: 0;
559}
560
561.cke_skin_kama .cke_dialog_ui_input_select
562{
563        border: 1px solid #a0a0a0;
564        background-color: white;
565}
566
567.cke_skin_kama iframe.cke_dialog_ui_input_file
568{
569        width: 100%;
570        height: 25px;
571}
572
573/*
574 * Some utility CSS classes for dialog authors.
575 */
576.cke_skin_kama .cke_dialog .cke_dark_background
577{
578        background-color: #eaead1;
579}
580
581.cke_skin_kama .cke_dialog .cke_hand
582{
583        cursor: pointer;
584}
585
586.cke_skin_kama .cke_dialog .cke_centered
587{
588        text-align: center;
589}
590
591.cke_skin_kama .cke_dialog a.cke_btn_reset
592{
593        float: right;
594        background-position: 0 -32px;
595        background-image: url(images/mini.gif);
596        width: 16px;
597        height: 16px;
598        background-repeat: no-repeat;
599        border: 1px none;
600        font-size: 1px;
601}
602
603.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_reset
604{
605        float: left;
606}
607
608.cke_skin_kama .cke_dialog a.cke_btn_locked,
609.cke_skin_kama .cke_dialog a.cke_btn_unlocked
610{
611        float: left;
612        background-position: 0 0;
613        background-image: url(images/mini.gif);
614        width: 16px;
615        height: 16px;
616        background-repeat: no-repeat;
617        border: none 1px;
618        font-size: 1px;
619}
620
621.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_locked,
622.cke_skin_kama .cke_rtl .cke_dialog a.cke_btn_unlocked
623{
624        float: right;
625}
626
627.cke_skin_kama .cke_dialog a.cke_btn_unlocked
628{
629        background-position: 0 -16px;
630        background-image: url(images/mini.gif);
631}
632
633.cke_skin_kama .cke_dialog .cke_btn_over
634{
635        border: outset 1px;
636        cursor: pointer;
637        cursor: hand;
638}
639
640.cke_skin_kama .cke_dialog  #ImagePreviewBox
641{
642        white-space : normal;
643        border : 2px ridge black;
644        overflow : scroll;
645        height : 160px;
646        width : 230px;
647        padding : 2px;
648        background-color : white;
649}
650.cke_skin_kama .cke_dialog  #ImagePreviewLoader
651{
652        position: absolute;
653        white-space : normal;
654        overflow : hidden;
655        height : 160px;
656        width : 230px;
657        margin : 2px;
658        padding : 2px;
659        opacity : 0.9;
660        filter : alpha(opacity=90);
661
662        background-color : #e4e4e4;
663}
664
665.cke_skin_kama .cke_dialog  #FlashPreviewBox
666{
667        white-space : normal;
668        border : 2px ridge black;
669        overflow : auto;
670        height : 160px;
671        width : 390px;
672        padding : 2px;
673        background-color : white;
674}
675
676.cke_skin_kama .cke_dialog .cke_dark_background
677{
678        text-align : center;
679        background-color: #eaead1;
680        font-size : 14px;
681}
682
683.cke_skin_kama .cke_dialog .cke_light_background
684{
685        text-align : center;
686        background-color: #ffffbe;
687}
688
689.cke_skin_kama .cke_dialog .cke_hand
690{
691        cursor: pointer;
692        cursor: hand;
693}
694
695.cke_skin_kama .cke_disabled
696{
697        color: #a0a0a0;
698}
699
700/* High Contrast Mode */
701
702.cke_skin_kama .cke_hc .cke_dialog_title,
703.cke_skin_kama .cke_hc .cke_dialog_tabs,
704.cke_skin_kama .cke_hc .cke_dialog_contents,
705.cke_skin_kama .cke_hc .cke_dialog_footer
706{
707        border-left: 1px solid;
708        border-right: 1px solid;
709}
710
711.cke_skin_kama .cke_hc .cke_dialog_title
712{
713        border-top: 1px solid;
714}
715
716.cke_skin_kama .cke_hc .cke_dialog_footer
717{
718        border-bottom: 1px solid;
719}
720
721.cke_skin_kama .cke_hc .cke_dialog_close_button span
722{
723        display: inline;
724        cursor: pointer;
725        cursor: hand;
726        font-weight: bold;
727        position: relative;
728        top: 3px;
729}
730
731.cke_skin_kama a.cke_smile img
732{
733        /* IE6 does not support transparent borders */
734        border: 2px solid #eaead1;
735}
736
737.cke_skin_kama a.cke_smile:focus img,
738.cke_skin_kama a.cke_smile:active img,
739.cke_skin_kama a.cke_smile:hover img
740{
741        border-color: #C7C78F;
742}
Note: See TracBrowser for help on using the repository browser.