Dotclear

source: plugins/dcCKEditor/js/ckeditor/skins/moono/dialog_iequirks.css @ 3759:45c8ab728afa

Revision 3759:45c8ab728afa, 16.8 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Update CKEditor to 4.9.2

Line 
1/*
2Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
3For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4*/
5/*
6dialog_ie7.css
7===============
8This file contains styles to used by Internet Explorer in
9Quirks mode only.
10*/
11/* Base it on dialog_ie.css, overriding it with styles defined in this file. */
12.cke_dialog
13{
14          visibility: visible;
15}
16.cke_dialog_body
17{
18     z-index: 1;
19     background: #eaeaea;
20     border: 1px solid #b2b2b2;
21     border-bottom-color: #999;
22     border-radius: 3px;
23     box-shadow: 0 0 3px rgba(0, 0, 0, .15);
24}
25.cke_dialog strong
26{
27     font-weight: bold;
28}
29.cke_dialog_title
30{
31     font-weight: bold;
32     font-size: 13px;
33     cursor: move;
34     position: relative;
35     color: #474747;
36     text-shadow: 0 1px 0 rgba(255,255,255,.75);
37     border-bottom: 1px solid #999;
38     padding: 6px 10px;
39     border-radius: 2px 2px 0 0;
40     box-shadow: 0 1px 0 #fff inset;
41     background: #cfd1cf;
42     background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf);
43     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
44}
45.cke_dialog_spinner
46{
47     border-radius: 50%;
48     width: 12px;
49     height: 12px;
50     overflow: hidden;
51     text-indent: -9999em;
52     border-top: 2px solid rgba(102, 102, 102, 0.2);
53     border-right: 2px solid rgba(102, 102, 102, 0.2);
54     border-bottom: 2px solid rgba(102, 102, 102, 0.2);
55     border-left: 2px solid rgba(102, 102, 102, 1);
56     -webkit-animation: dialog_spinner 1s infinite linear;
57     animation: dialog_spinner 1s infinite linear;
58}
59.cke_browser_ie8 .cke_dialog_spinner,
60.cke_browser_ie9 .cke_dialog_spinner
61{
62     background: url(images/spinner.gif) center top no-repeat;
63     width: 16px;
64     height: 16px;
65     border: 0;
66}
67@-webkit-keyframes dialog_spinner
68{
69     0% {
70          -webkit-transform: rotate(0deg);
71          transform: rotate(0deg);
72     }
73     100% {
74          -webkit-transform: rotate(360deg);
75          transform: rotate(360deg);
76     }
77}
78@keyframes dialog_spinner
79{
80     0% {
81          -webkit-transform: rotate(0deg);
82          transform: rotate(0deg);
83     }
84     100% {
85          -webkit-transform: rotate(360deg);
86          transform: rotate(360deg);
87     }
88}
89.cke_dialog_contents
90{
91     background-color: #fff;
92     overflow: auto;
93     padding: 15px 10px 5px 10px;
94     margin-top: 30px;
95     border-top: 1px solid #bfbfbf;
96     border-radius: 0 0 3px 3px;
97}
98.cke_dialog_contents_body
99{
100     overflow: auto;
101     padding: 17px 10px 5px 10px;
102     margin-top: 22px;
103}
104.cke_dialog_footer
105{
106     text-align: right;
107     position: relative;
108     border: none;
109     outline: 1px solid #bfbfbf;
110     box-shadow: 0 1px 0 #fff inset;
111     border-radius: 0 0 2px 2px;
112     background: #cfd1cf;
113     background-image: linear-gradient(to bottom, #ebebeb, #cfd1cf);
114     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
115}
116.cke_rtl .cke_dialog_footer
117{
118     text-align: left;
119}
120.cke_hc .cke_dialog_footer
121{
122     outline: none;
123     border-top: 1px solid #fff;
124}
125.cke_dialog .cke_resizer
126{
127     margin-top: 22px;
128}
129.cke_dialog .cke_resizer_rtl
130{
131     margin-left: 5px;
132}
133.cke_dialog .cke_resizer_ltr
134{
135     margin-right: 5px;
136}
137.cke_dialog_tabs
138{
139     height: 24px;
140     display: inline-block;
141     margin: 5px 0 0;
142     position: absolute;
143     z-index: 2;
144     left: 10px;
145}
146.cke_rtl .cke_dialog_tabs
147{
148     right: 10px;
149}
150a.cke_dialog_tab
151{
152     height: 16px;
153     padding: 4px 8px;
154     margin-right: 3px;
155     display: inline-block;
156     cursor: pointer;
157     line-height: 16px;
158     outline: none;
159     color: #595959;
160     border: 1px solid #bfbfbf;
161     border-radius: 3px 3px 0 0;
162     background: #d4d4d4;
163     background-image: linear-gradient(to bottom, #fafafa, #ededed);
164     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fafafa', endColorstr='#ededed');
165}
166.cke_rtl a.cke_dialog_tab
167{
168     margin-right: 0;
169     margin-left: 3px;
170}
171a.cke_dialog_tab:hover,
172a.cke_dialog_tab:focus
173{
174     background: #ebebeb;
175     background: linear-gradient(to bottom, #ebebeb 0%,#dfdfdf 100%);
176     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#dfdfdf',GradientType=0 );
177}
178a.cke_dialog_tab_selected
179{
180     background: #fff;
181     color: #383838;
182     border-bottom-color: #fff;
183     cursor: default;
184     filter: none;
185}
186a.cke_dialog_tab_selected:hover,
187a.cke_dialog_tab_selected:focus
188{
189     background: #ededed;
190     background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%);
191     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
192}
193.cke_hc a.cke_dialog_tab:hover,
194.cke_hc a.cke_dialog_tab:focus,
195.cke_hc a.cke_dialog_tab_selected
196{
197     border: 3px solid;
198     padding: 2px 6px;
199}
200a.cke_dialog_tab_disabled
201{
202     color: #bababa;
203     cursor: default;
204}
205.cke_single_page .cke_dialog_tabs
206{
207     display: none;
208}
209.cke_single_page .cke_dialog_contents
210{
211     padding-top: 5px;
212     margin-top: 0;
213     border-top: none;
214}
215a.cke_dialog_close_button
216{
217     background-image: url(images/close.png);
218     background-repeat: no-repeat;
219     background-position: 50%;
220     position: absolute;
221     cursor: pointer;
222     text-align: center;
223     height: 20px;
224     width: 20px;
225     top: 4px;
226     z-index: 5;
227     opacity: 0.8;
228     filter: alpha(opacity = 80);
229}
230.cke_dialog_close_button:hover
231{
232     opacity: 1;
233     filter: alpha(opacity = 100);
234}
235.cke_hidpi .cke_dialog_close_button
236{
237     background-image: url(images/hidpi/close.png);
238     background-size: 16px;
239}
240.cke_dialog_close_button span
241{
242     display: none;
243}
244.cke_hc .cke_dialog_close_button span
245{
246     display: inline;
247     cursor: pointer;
248     font-weight: bold;
249     position: relative;
250     top: 3px;
251}
252.cke_ltr .cke_dialog_close_button
253{
254     right: 5px;
255}
256.cke_rtl .cke_dialog_close_button
257{
258     left: 6px;
259}
260.cke_dialog_close_button
261{
262     top: 4px;
263}
264div.cke_disabled .cke_dialog_ui_labeled_content div *
265{
266     background-color: #ddd;
267     cursor: default;
268}
269.cke_dialog_ui_vbox table,
270.cke_dialog_ui_hbox table
271{
272     margin: auto;
273}
274.cke_dialog_ui_vbox_child
275{
276     padding: 5px 0px;
277}
278.cke_dialog_ui_hbox
279{
280     width: 100%;
281}
282.cke_dialog_ui_hbox_first,
283.cke_dialog_ui_hbox_child,
284.cke_dialog_ui_hbox_last
285{
286     vertical-align: top;
287}
288.cke_ltr .cke_dialog_ui_hbox_first,
289.cke_ltr .cke_dialog_ui_hbox_child
290{
291     padding-right: 10px;
292}
293.cke_rtl .cke_dialog_ui_hbox_first,
294.cke_rtl .cke_dialog_ui_hbox_child
295{
296     padding-left: 10px;
297}
298.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
299.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
300{
301     padding-right: 5px;
302}
303.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
304.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
305{
306     padding-left: 5px;
307     padding-right: 0;
308}
309.cke_hc div.cke_dialog_ui_input_text,
310.cke_hc div.cke_dialog_ui_input_password,
311.cke_hc div.cke_dialog_ui_input_textarea,
312.cke_hc div.cke_dialog_ui_input_select,
313.cke_hc div.cke_dialog_ui_input_file
314{
315     border: 1px solid;
316}
317textarea.cke_dialog_ui_input_textarea
318{
319     overflow: auto;
320     resize: none;
321}
322input.cke_dialog_ui_input_text,
323input.cke_dialog_ui_input_password,
324textarea.cke_dialog_ui_input_textarea
325{
326     background-color: #fff;
327     border: 1px solid #c9cccf;
328     border-top-color: #aeb3b9;
329     padding: 4px 6px;
330     outline: none;
331     width: 100%;
332     *width: 95%;
333     box-sizing: border-box;
334     border-radius: 3px;
335     box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
336}
337input.cke_dialog_ui_input_text:hover,
338input.cke_dialog_ui_input_password:hover,
339textarea.cke_dialog_ui_input_textarea:hover
340{
341     border: 1px solid #aeb3b9;
342     border-top-color: #a0a6ad;
343}
344input.cke_dialog_ui_input_text:focus,
345input.cke_dialog_ui_input_password:focus,
346textarea.cke_dialog_ui_input_textarea:focus,
347select.cke_dialog_ui_input_select:focus
348{
349     outline: none;
350     border: 1px solid #139ff7;
351     border-top-color: #1392e9;
352}
353a.cke_dialog_ui_button
354{
355     display: inline-block;
356     *display: inline;
357     *zoom: 1;
358     padding: 4px 0;
359     margin: 0;
360     text-align: center;
361     color: #333;
362     vertical-align: middle;
363     cursor: pointer;
364     border: 1px solid #b6b6b6;
365     border-bottom-color: #999;
366     border-radius: 3px;
367     box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
368     background: #e4e4e4;
369     background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
370     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
371}
372span.cke_dialog_ui_button
373{
374     padding: 0 10px;
375}
376a.cke_dialog_ui_button:hover
377{
378     border-color: #9e9e9e;
379     background: #ccc;
380     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
381     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
382}
383a.cke_dialog_ui_button:focus,
384a.cke_dialog_ui_button:active
385{
386     border-color: #969696;
387     outline: none;
388     box-shadow: 0 0 6px rgba(0,0,0,.4) inset;
389}
390.cke_hc a.cke_dialog_ui_button:hover,
391.cke_hc a.cke_dialog_ui_button:focus,
392.cke_hc a.cke_dialog_ui_button:active
393{
394     border: 3px solid;
395     padding-top: 1px;
396     padding-bottom: 1px;
397}
398.cke_hc a.cke_dialog_ui_button:hover span,
399.cke_hc a.cke_dialog_ui_button:focus span,
400.cke_hc a.cke_dialog_ui_button:active span
401{
402     padding-left: 10px;
403     padding-right: 10px;
404}
405.cke_dialog_footer_buttons a.cke_dialog_ui_button span
406{
407     color: inherit;
408     font-size: 12px;
409     font-weight: bold;
410     line-height: 18px;
411     padding: 0 12px;
412}
413a.cke_dialog_ui_button_ok
414{
415     color: #fff;
416     text-shadow: 0 -1px 0 #55830c;
417     border-color: #62a60a #62a60a #4d9200;
418     background: #69b10b;
419     background-image: linear-gradient(to bottom, #9ad717, #69b10b);
420     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#9ad717', endColorstr='#69b10b');
421}
422a.cke_dialog_ui_button_ok:hover
423{
424     border-color: #5b9909 #5b9909 #478500;
425     background: #88be14;
426     background: linear-gradient(to bottom, #88be14 0%,#5d9c0a 100%);
427     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88be14', endColorstr='#5d9c0a',GradientType=0 );
428}
429a.cke_dialog_ui_button_ok.cke_disabled {
430     border-color: #7D9F51;
431     background: #8DAD62;
432     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B3D271), to(#8DAD62));
433     background-image: -webkit-linear-gradient(top, #B3D271, #8DAD62);
434     background-image: -o-linear-gradient(top, #B3D271, #8DAD62);
435     background-image: linear-gradient(to bottom, #B3D271, #8DAD62);
436     background-image: -moz-linear-gradient(top, #B3D271, #8DAD62);
437     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3D271', endColorstr='#8DAD62');
438}
439a.cke_dialog_ui_button_ok.cke_disabled span {
440     color: #E0E8D1;
441}
442a.cke_dialog_ui_button span
443{
444     text-shadow: 0 1px 0 #fff;
445}
446a.cke_dialog_ui_button_ok span
447{
448     text-shadow: 0 -1px 0 #55830c;
449}
450span.cke_dialog_ui_button
451{
452     cursor: pointer;
453}
454a.cke_dialog_ui_button_ok:focus,
455a.cke_dialog_ui_button_ok:active,
456a.cke_dialog_ui_button_cancel:focus,
457a.cke_dialog_ui_button_cancel:active
458{
459     border-width: 2px;
460     padding: 3px 0;
461}
462a.cke_dialog_ui_button_ok:focus,
463a.cke_dialog_ui_button_ok:active
464{
465     border-color: #568C0A;
466}
467a.cke_dialog_ui_button_ok.cke_disabled:focus,
468a.cke_dialog_ui_button_ok.cke_disabled:active
469{
470     border-color: #6F8C49;
471}
472a.cke_dialog_ui_button_ok:focus span,
473a.cke_dialog_ui_button_ok:active span,
474a.cke_dialog_ui_button_cancel:focus span,
475a.cke_dialog_ui_button_cancel:active span
476{
477     padding: 0 11px;    }
478.cke_dialog_footer_buttons
479{
480     display: inline-table;
481     margin: 5px;
482     width: auto;
483     position: relative;
484     vertical-align: middle;
485}
486div.cke_dialog_ui_input_select
487{
488     display: table;
489}
490select.cke_dialog_ui_input_select
491{
492     height: 25px;
493     line-height: 25px;
494     background-color: #fff;
495     border: 1px solid #c9cccf;
496     border-top-color: #aeb3b9;
497     padding: 3px 3px 3px 6px;
498     outline: none;
499     border-radius: 3px;
500     box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
501}
502.cke_dialog_ui_input_file
503{
504     width: 100%;
505     height: 25px;
506}
507.cke_hc .cke_dialog_ui_labeled_content input:focus,
508.cke_hc .cke_dialog_ui_labeled_content select:focus,
509.cke_hc .cke_dialog_ui_labeled_content textarea:focus
510{
511     outline: 1px dotted;
512}
513.cke_dialog .cke_dark_background
514{
515     background-color: #DEDEDE;
516}
517.cke_dialog .cke_light_background
518{
519     background-color: #EBEBEB;
520}
521.cke_dialog .cke_centered
522{
523     text-align: center;
524}
525.cke_dialog a.cke_btn_reset
526{
527     float: right;
528     background: url(images/refresh.png) top left no-repeat;
529     width: 16px;
530     height: 16px;
531     border: 1px none;
532     font-size: 1px;
533}
534.cke_hidpi .cke_dialog a.cke_btn_reset {
535     background-size: 16px;
536     background-image: url(images/hidpi/refresh.png);
537}
538.cke_rtl .cke_dialog a.cke_btn_reset
539{
540     float: left;
541}
542.cke_dialog a.cke_btn_locked,
543.cke_dialog a.cke_btn_unlocked
544{
545     float: left;
546     width: 16px;
547     height: 16px;
548     background-repeat: no-repeat;
549     border: none 1px;
550     font-size: 1px;
551}
552.cke_dialog a.cke_btn_locked .cke_icon
553{
554     display: none;
555}
556.cke_rtl .cke_dialog a.cke_btn_locked,
557.cke_rtl .cke_dialog a.cke_btn_unlocked
558{
559     float: right;
560}
561.cke_dialog a.cke_btn_locked
562{
563     background-image: url(images/lock.png);
564}
565.cke_dialog a.cke_btn_unlocked
566{
567     background-image: url(images/lock-open.png);
568}
569.cke_hidpi .cke_dialog a.cke_btn_unlocked,
570.cke_hidpi .cke_dialog a.cke_btn_locked {
571     background-size: 16px;
572}
573.cke_hidpi .cke_dialog a.cke_btn_locked {
574     background-image: url(images/hidpi/lock.png);
575}
576.cke_hidpi .cke_dialog a.cke_btn_unlocked {
577     background-image: url(images/hidpi/lock-open.png);
578}
579.cke_dialog .cke_btn_over
580{
581     border: outset 1px;
582     cursor: pointer;
583}
584.cke_dialog  .ImagePreviewBox
585{
586     border: 2px ridge black;
587     overflow: scroll;
588     height: 200px;
589     width: 300px;
590     padding: 2px;
591     background-color: white;
592}
593.cke_dialog .ImagePreviewBox table td
594{
595     white-space: normal;
596}
597.cke_dialog  .ImagePreviewLoader
598{
599     position: absolute;
600     white-space: normal;
601     overflow: hidden;
602     height: 160px;
603     width: 230px;
604     margin: 2px;
605     padding: 2px;
606     opacity: 0.9;
607     filter: alpha(opacity = 90);
608     background-color: #e4e4e4;
609}
610.cke_dialog .FlashPreviewBox
611{
612     white-space: normal;
613     border: 2px ridge black;
614     overflow: auto;
615     height: 160px;
616     width: 390px;
617     padding: 2px;
618     background-color: white;
619}
620.cke_dialog .cke_pastetext
621{
622     width: 346px;
623     height: 170px;
624}
625.cke_dialog .cke_pastetext textarea
626{
627     width: 340px;
628     height: 170px;
629     resize: none;
630}
631.cke_dialog iframe.cke_pasteframe
632{
633     width: 346px;
634     height: 130px;
635     background-color: white;
636     border: 1px solid #aeb3b9;
637     border-radius: 3px;
638}
639.cke_dialog .cke_hand
640{
641     cursor: pointer;
642}
643.cke_disabled
644{
645     color: #a0a0a0;
646}
647.cke_dialog_body .cke_label
648{
649     display: none;
650}
651.cke_dialog_body label
652{
653     display: inline;
654     margin-bottom: auto;
655     cursor: default;
656}
657.cke_dialog_body label.cke_required
658{
659     font-weight: bold;
660}
661a.cke_smile
662{
663     overflow: hidden;
664     display: block;
665     text-align: center;
666     padding: 0.3em 0;
667}
668a.cke_smile img
669{
670     vertical-align: middle;
671}
672a.cke_specialchar
673{
674     cursor: inherit;
675     display: block;
676     height: 1.25em;
677     padding: 0.2em 0.3em;
678     text-align: center;
679}
680a.cke_smile,
681a.cke_specialchar
682{
683     border: 1px solid transparent;
684}
685a.cke_smile:hover,
686a.cke_smile:focus,
687a.cke_smile:active,
688a.cke_specialchar:hover,
689a.cke_specialchar:focus,
690a.cke_specialchar:active
691{
692     background: #fff;
693     outline: 0;
694}
695a.cke_smile:hover,
696a.cke_specialchar:hover
697{
698     border-color: #888;
699}
700a.cke_smile:focus,
701a.cke_smile:active,
702a.cke_specialchar:focus,
703a.cke_specialchar:active
704{
705     border-color: #139FF7;
706}
707.cke_dialog_contents a.colorChooser
708{
709     display: block;
710     margin-top: 6px;
711     margin-left: 10px;
712     width: 80px;
713}
714.cke_rtl .cke_dialog_contents a.colorChooser
715{
716     margin-right: 10px;
717}
718.cke_dialog_ui_checkbox_input:focus,
719.cke_dialog_ui_radio_input:focus,
720.cke_btn_over
721{
722     outline: 1px dotted #696969;
723}
724.cke_iframe_shim
725{
726     display: block;
727     position: absolute;
728     top: 0;
729     left: 0;
730     z-index: -1;
731     filter: alpha(opacity = 0);
732     width: 100%;
733     height: 100%;
734}
735.cke_rtl input.cke_dialog_ui_input_text,
736.cke_rtl input.cke_dialog_ui_input_password
737{
738     padding-right: 2px;
739}
740.cke_rtl div.cke_dialog_ui_input_text,
741.cke_rtl div.cke_dialog_ui_input_password
742{
743     padding-left: 2px;
744}
745.cke_rtl div.cke_dialog_ui_input_text {
746     padding-right: 1px;
747}
748.cke_rtl .cke_dialog_ui_vbox_child,
749.cke_rtl .cke_dialog_ui_hbox_child,
750.cke_rtl .cke_dialog_ui_hbox_first,
751.cke_rtl .cke_dialog_ui_hbox_last
752{
753     padding-right: 2px !important;
754}
755.cke_hc .cke_dialog_title,
756.cke_hc .cke_dialog_footer,
757.cke_hc a.cke_dialog_tab,
758.cke_hc a.cke_dialog_ui_button,
759.cke_hc a.cke_dialog_ui_button:hover,
760.cke_hc a.cke_dialog_ui_button_ok,
761.cke_hc a.cke_dialog_ui_button_ok:hover
762{
763    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
764}
765.cke_hc div.cke_dialog_ui_input_text,
766.cke_hc div.cke_dialog_ui_input_password,
767.cke_hc div.cke_dialog_ui_input_textarea,
768.cke_hc div.cke_dialog_ui_input_select,
769.cke_hc div.cke_dialog_ui_input_file
770{
771     border: 0;
772}
773/* [IE7-8] Filter on footer causes background artifacts when opening dialog. */
774.cke_dialog_footer
775{
776     filter: "";
777}
Note: See TracBrowser for help on using the repository browser.

Sites map