Dotclear

source: plugins/dcCKEditor/js/ckeditor/skins/moono/editor.css @ 3983:10925bf4beff

Revision 3983:10925bf4beff, 36.8 KB checked in by franck <carnet.franck.paul@…>, 6 years ago (diff)

Update CKEditor from 4.10 to 4.12 (stable)
Line 
1/*
2Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
3For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4*/
5/*
6editor.css
7============
8This is he heart of the skin system. This is the file loaded by the editor to
9style all elements inside its main interface.
10To make it easier to maintain, instead of including all styles here, we import
11other files.
12*/
13/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
14.cke_reset
15{
16          margin: 0;
17     padding: 0;
18     border: 0;
19     background: transparent;
20     text-decoration: none;
21     width: auto;
22     height: auto;
23     vertical-align: baseline;
24     box-sizing: content-box;
25     position: static;
26     transition: none;
27}
28.cke_reset_all, .cke_reset_all *,
29.cke_reset_all a, .cke_reset_all textarea
30{
31          margin: 0;
32     padding: 0;
33     border: 0;
34     background: transparent;
35     text-decoration: none;
36     width: auto;
37     height: auto;
38     vertical-align: baseline;
39     box-sizing: content-box;
40     position: static;
41     transition: none;
42          border-collapse: collapse;
43     font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
44     color: #000;
45     text-align: left;
46     white-space: nowrap;
47     cursor: auto;
48     float: none;
49}
50.cke_reset_all .cke_rtl *
51{
52     text-align: right;
53}
54.cke_reset_all iframe
55{
56     vertical-align: inherit; }
57.cke_reset_all textarea
58{
59     white-space: pre-wrap;
60}
61.cke_reset_all textarea,
62.cke_reset_all input[type="text"],
63.cke_reset_all input[type="password"]
64{
65     cursor: text;
66}
67.cke_reset_all textarea[disabled],
68.cke_reset_all input[type="text"][disabled],
69.cke_reset_all input[type="password"][disabled]
70{
71     cursor: default;
72}
73.cke_reset_all fieldset
74{
75     padding: 10px;
76     border: 2px groove #E0DFE3;
77}
78.cke_reset_all select
79{
80     box-sizing: border-box;
81}
82.cke_reset_all table
83{
84     table-layout: auto;
85}
86/* Styles the main interface structure (holding box). */
87.cke_chrome
88{
89          display: block;
90     border: 1px solid #b6b6b6;
91     padding: 0;
92     box-shadow: 0 0 3px rgba(0,0,0,.15);
93}
94.cke_inner
95{
96          display: block;
97     -webkit-touch-callout: none;
98     background: #fff;
99     padding: 0;
100}
101.cke_float
102{
103          border: none;
104}
105.cke_float .cke_inner
106{
107          padding-bottom: 0;
108}
109.cke_top,
110.cke_contents,
111.cke_bottom
112{
113          display: block;
114          overflow: hidden;
115}
116.cke_top
117{
118          border-bottom: 1px solid #b6b6b6;
119     padding: 6px 8px 2px;
120          white-space: normal;
121     box-shadow: 0 1px 0 #fff inset;
122     background: #cfd1cf;
123     background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf);
124     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
125}
126.cke_float .cke_top
127{
128     border: 1px solid #b6b6b6;
129     border-bottom-color: #999;
130}
131.cke_bottom
132{
133     padding: 6px 8px 2px;
134     position: relative;
135     border-top: 1px solid #bfbfbf;
136     box-shadow: 0 1px 0 #fff inset;
137     background: #cfd1cf;
138     background-image: linear-gradient(to bottom, #ebebeb, #cfd1cf);
139     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
140}
141.cke_browser_ios .cke_contents
142{
143    overflow-y: auto;
144    -webkit-overflow-scrolling: touch;
145}
146.cke_resizer
147{
148          width: 0;
149     height: 0;
150     overflow: hidden;
151     width: 0;
152     height: 0;
153     overflow: hidden;
154     border-width: 10px 10px 0 0;
155     border-color: transparent #666 transparent transparent;
156     border-style: dashed solid dashed dashed;
157     font-size: 0;
158     vertical-align: bottom;
159     margin-top: 6px;
160          margin-bottom: 2px;
161     box-shadow: 0 1px 0 rgba(255,255,255,.3);
162}
163.cke_hc .cke_resizer
164{
165     font-size: 15px;
166     width: auto;
167     height: auto;
168     border-width: 0;
169}
170.cke_resizer_ltr
171{
172     cursor: se-resize;
173     float: right;
174     margin-right: -4px;
175}
176.cke_resizer_rtl
177{
178     border-width: 10px 0 0 10px;
179     border-color: transparent transparent transparent #A5A5A5;
180     border-style: dashed dashed dashed solid;
181     cursor: sw-resize;
182     float: left;
183     margin-left: -4px;
184     right: auto;
185}
186.cke_wysiwyg_div
187{
188     display: block;
189     height: 100%;
190     overflow: auto;
191     padding: 0 8px;
192     outline-style: none;
193     box-sizing: border-box;
194}
195/* Styles all "panels", which are the floating elements that appear when
196   opening toolbar combos, menu buttons, context menus, etc. */
197.cke_panel
198{
199          visibility: visible;
200    width: 120px;
201     height: 100px;
202     overflow: hidden;
203     background-color: #fff;
204    border: 1px solid #b6b6b6;
205    border-bottom-color: #999;
206     border-radius: 3px;
207    box-shadow: 0 0 3px rgba(0,0,0,.15);
208}
209.cke_menu_panel
210{
211     padding: 0;
212     margin: 0;
213}
214.cke_combopanel
215{
216    width: 150px;
217    height: 170px;
218}
219.cke_panel_frame
220{
221     width: 100%;
222     height: 100%;
223     font-size: 12px;
224     overflow: auto;
225     overflow-x: hidden;
226}
227.cke_panel_container
228{
229     overflow-y: auto;
230     overflow-x: hidden;
231}
232.cke_panel_list
233{
234     list-style-type: none;
235     margin: 3px;
236     padding: 0;
237     white-space: nowrap;
238}
239.cke_panel_listItem
240{
241     margin: 0;
242    padding-bottom: 1px;
243}
244.cke_panel_listItem a
245{
246     padding: 3px 4px;
247     display: block;
248     border: 1px solid #fff;
249     color: inherit !important;
250     text-decoration: none;
251     overflow: hidden;
252     text-overflow: ellipsis;
253    border-radius: 2px;
254}
255* html .cke_panel_listItem a
256{
257     width : 100%;
258          color: #000;
259}
260*:first-child+html .cke_panel_listItem a
261{
262          color: #000;
263}
264.cke_panel_listItem.cke_selected a
265{
266     border: 1px solid #dedede;
267     background-color: #f2f2f2;
268    box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
269}
270.cke_panel_listItem a:hover,
271.cke_panel_listItem a:focus,
272.cke_panel_listItem a:active
273{
274     border-color: #dedede;
275     background-color: #f2f2f2;
276    box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
277}
278.cke_hc .cke_panel_listItem a
279{
280     border-style: none;
281}
282.cke_hc .cke_panel_listItem a:hover,
283.cke_hc .cke_panel_listItem a:focus,
284.cke_hc .cke_panel_listItem a:active
285{
286     border: 2px solid;
287     padding: 1px 2px;
288}
289.cke_panel_grouptitle
290{
291     cursor: default;
292     font-size: 11px;
293     font-weight: bold;
294     white-space: nowrap;
295     margin: 0;
296     padding: 4px 6px;
297    color: #474747;
298    text-shadow: 0 1px 0 rgba(255,255,255,.75);
299    border-bottom: 1px solid #b6b6b6;
300    border-radius: 2px 2px 0 0;
301    box-shadow: 0 1px 0 #fff inset;
302    background: #cfd1cf;
303    background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf);
304    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
305}
306.cke_panel_listItem p,
307.cke_panel_listItem h1,
308.cke_panel_listItem h2,
309.cke_panel_listItem h3,
310.cke_panel_listItem h4,
311.cke_panel_listItem h5,
312.cke_panel_listItem h6,
313.cke_panel_listItem pre
314{
315     margin-top: 0px;
316     margin-bottom: 0px;
317}
318/* Styles the color panel displayed by the color buttons. */
319.cke_colorblock
320{
321     padding: 3px;
322     font-size: 11px;
323     font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
324}
325.cke_colorblock,
326.cke_colorblock a
327{
328     text-decoration: none;
329     color: #000;
330}
331span.cke_colorbox
332{
333     width: 10px;
334     height: 10px;
335     border: #808080 1px solid;
336     float: left;
337}
338.cke_rtl span.cke_colorbox
339{
340     float: right;
341}
342a.cke_colorbox
343{
344     border: #fff 1px solid;
345     padding: 2px;
346     float: left;
347     width: 12px;
348     height: 12px;
349}
350.cke_rtl a.cke_colorbox
351{
352     float: right;
353}
354a:hover.cke_colorbox,
355a:focus.cke_colorbox,
356a:active.cke_colorbox
357{
358     border: #b6b6b6 1px solid;
359     background-color: #e5e5e5;
360}
361a.cke_colorauto,
362a.cke_colormore
363{
364     border: #fff 1px solid;
365     padding: 2px;
366     display: block;
367     cursor: pointer;
368}
369a:hover.cke_colorauto,
370a:hover.cke_colormore,
371a:focus.cke_colorauto,
372a:focus.cke_colormore,
373a:active.cke_colorauto,
374a:active.cke_colormore
375{
376     border: #b6b6b6 1px solid;
377     background-color: #e5e5e5;
378}
379/* Styles to toolbar. */
380.cke_toolbar
381{
382     float: left;
383}
384.cke_rtl .cke_toolbar
385{
386     float: right;
387}
388.cke_toolgroup
389{
390     float: left;
391     margin: 0 6px 5px 0;
392     border: 1px solid #a6a6a6;
393     border-bottom-color: #979797;
394     border-radius: 3px;
395     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;
396     background: #e4e4e4;
397     background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
398     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
399}
400.cke_hc .cke_toolgroup
401{
402     border: 0;
403     margin-right: 10px;
404     margin-bottom: 10px;
405}
406.cke_rtl .cke_toolgroup
407{
408     float: right;
409     margin-left: 6px;
410     margin-right: 0;
411}
412a.cke_button
413{
414     display: inline-block;
415     height: 18px;
416     padding: 4px 6px;
417     outline: none;
418     cursor: default;
419     float: left;
420     border: 0;
421}
422a.cke_button.cke_button_expandable {
423     padding: 4px 5px;
424}
425.cke_ltr .cke_button:last-child,
426.cke_rtl .cke_button:first-child
427{
428          border-radius: 0 2px 2px 0;
429}
430.cke_ltr .cke_button:first-child,
431.cke_rtl .cke_button:last-child
432{
433          border-radius: 2px 0 0 2px;
434}
435.cke_rtl .cke_button
436{
437     float: right;
438}
439.cke_hc .cke_button
440{
441     border: 1px solid black;
442          padding: 3px 5px;
443     margin: -2px 4px 0 -2px;
444}
445a.cke_button_on
446{
447     box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2);
448     background: #b5b5b5;
449     background-image: linear-gradient(to bottom, #aaa, #cacaca);
450     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
451}
452.cke_hc .cke_button_on,
453.cke_hc a.cke_button_off:hover,
454.cke_hc a.cke_button_off:focus,
455.cke_hc a.cke_button_off:active,
456.cke_hc a.cke_button_disabled:hover,
457.cke_hc a.cke_button_disabled:focus,
458.cke_hc a.cke_button_disabled:active
459{
460     border-width: 3px;
461          padding: 1px 3px;
462}
463.cke_button_disabled .cke_button_icon
464{
465     opacity: 0.3;
466}
467.cke_hc .cke_button_disabled
468{
469     opacity: 0.5;
470}
471a.cke_button_on:hover,
472a.cke_button_on:focus,
473a.cke_button_on:active
474{
475     box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
476}
477a.cke_button_off:hover,
478a.cke_button_off:focus,
479a.cke_button_off:active,
480a.cke_button_disabled:hover,
481a.cke_button_disabled:focus,
482a.cke_button_disabled:active
483{
484     box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
485     background: #ccc;
486     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
487     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
488}
489.cke_button_icon
490{
491     cursor: inherit;
492     background-repeat: no-repeat;
493     margin-top: 1px;
494     width: 16px;
495     height: 16px;
496     float: left;
497     display: inline-block;
498}
499.cke_rtl .cke_button_icon
500{
501     float: right;
502}
503.cke_hc .cke_button_icon
504{
505     display: none;
506}
507.cke_button_label
508{
509     display: none;
510     padding-left: 3px;
511     margin-top: 1px;
512     line-height: 17px;
513     vertical-align: middle;
514     float: left;
515     cursor: default;
516     color: #474747;
517     text-shadow: 0 1px 0 rgba(255,255,255,.5);
518}
519.cke_rtl .cke_button_label
520{
521     padding-right: 3px;
522     padding-left: 0;
523     float: right;
524}
525.cke_hc .cke_button_label
526{
527     padding: 0;
528     display: inline-block;
529     font-size: 12px;
530}
531.cke_button_arrow
532{
533          display: inline-block;
534     margin: 8px 0 0 3px;
535     width: 0;
536     height: 0;
537     cursor: default;
538     vertical-align: top;
539     border-left: 3px solid transparent;
540     border-right: 3px solid transparent;
541     border-top: 3px solid #474747;
542}
543.cke_rtl .cke_button_arrow
544{
545     margin-right: 5px;
546     margin-left: 0;
547}
548.cke_hc .cke_button_arrow
549{
550     font-size: 10px;
551     margin: 3px -2px 0 3px;
552     width: auto;
553     border: 0;
554}
555.cke_toolbar_separator
556{
557     float: left;
558     background-color: #c0c0c0;
559     background-color: rgba(0,0,0,.2);
560     margin: 5px 2px 0;
561     height: 18px;
562     width: 1px;
563     box-shadow: 1px 0 1px rgba(255,255,255,.5);
564}
565.cke_rtl .cke_toolbar_separator
566{
567     float: right;
568     box-shadow: -1px 0 1px rgba(255,255,255,.1);
569}
570.cke_hc .cke_toolbar_separator
571{
572     width: 0;
573     border-left: 1px solid;
574     margin: 1px 5px 0 0px;
575}
576.cke_toolbar_break
577{
578     display: block;
579     clear: left;
580}
581.cke_rtl .cke_toolbar_break
582{
583     clear: right;
584}
585a.cke_toolbox_collapser
586{
587     width: 12px;
588     height: 11px;
589     float: right;
590     margin: 11px 0 0;
591     font-size: 0;
592     cursor: default;
593     text-align: center;
594     border: 1px solid #a6a6a6;
595     border-bottom-color: #979797;
596     border-radius: 3px;
597     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;
598     background: #e4e4e4;
599     background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
600     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
601}
602.cke_toolbox_collapser:hover
603{
604     background: #ccc;
605     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
606     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
607}
608.cke_toolbox_collapser.cke_toolbox_collapser_min
609{
610     margin: 0 2px 4px;
611}
612.cke_rtl .cke_toolbox_collapser
613{
614     float: left;
615}
616.cke_toolbox_collapser .cke_arrow
617{
618     display: inline-block;
619          height: 0;
620     width: 0;
621     font-size: 0;
622     margin-top: 1px;
623     border-left: 3px solid transparent;
624     border-right: 3px solid transparent;
625     border-bottom: 3px solid #474747;
626     border-top: 3px solid transparent;
627}
628.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
629{
630     margin-top: 4px;
631     border-bottom-color: transparent;
632     border-top-color: #474747;
633}
634.cke_hc .cke_toolbox_collapser .cke_arrow
635{
636     font-size: 8px;
637     width: auto;
638     border: 0;
639     margin-top: 0;
640     margin-right: 2px;
641}
642/* Styles menus, which are lists of selectable items (context menu, menu button). */
643.cke_menubutton
644{
645          display: block;
646}
647.cke_menuitem span
648{
649          cursor: default;
650}
651.cke_menubutton:hover,
652.cke_menubutton:focus,
653.cke_menubutton:active
654{
655     background-color: #D3D3D3;
656     display: block;
657}
658.cke_hc .cke_menubutton
659{
660     padding: 2px;
661}
662.cke_hc .cke_menubutton:hover,
663.cke_hc .cke_menubutton:focus,
664.cke_hc .cke_menubutton:active
665{
666     border: 2px solid;
667     padding: 0;
668}
669.cke_menubutton_inner {
670     display: table-row;
671}
672.cke_menubutton_icon,
673.cke_menubutton_label,
674.cke_menuarrow {
675     display: table-cell;
676}
677.cke_menubutton_icon
678{
679     background-color: #D7D8D7;
680     opacity: 0.70;      filter: alpha(opacity=70);    padding: 4px;
681}
682.cke_hc .cke_menubutton_icon
683{
684     height: 16px;
685     width: 0;
686     padding: 4px 0;
687}
688.cke_menubutton:hover .cke_menubutton_icon,
689.cke_menubutton:focus .cke_menubutton_icon,
690.cke_menubutton:active .cke_menubutton_icon
691{
692     background-color: #D0D2D0;
693}
694.cke_menubutton_disabled:hover .cke_menubutton_icon,
695.cke_menubutton_disabled:focus .cke_menubutton_icon,
696.cke_menubutton_disabled:active .cke_menubutton_icon
697{
698          opacity: 0.3;
699     filter: alpha(opacity=30);
700}
701.cke_menubutton_label
702{
703     padding: 0 5px;
704     background-color: transparent;
705     width: 100%;
706     vertical-align: middle;
707}
708.cke_menubutton_shortcut
709{
710     color: #979797;
711}
712.cke_menubutton_disabled .cke_menubutton_label
713{
714          opacity: 0.3;
715     filter: alpha(opacity=30);
716}
717.cke_menubutton_on
718{
719     border: 1px solid #dedede;
720     background-color: #f2f2f2;
721     box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
722}
723.cke_menubutton_on .cke_menubutton_icon
724{
725     padding-right: 3px;
726}
727.cke_menubutton:hover,
728.cke_menubutton:focus,
729.cke_menubutton:active
730{
731     background-color: #EFF0EF;
732}
733.cke_panel_frame .cke_menubutton_label
734{
735     display: none;
736}
737.cke_menuseparator
738{
739     background-color: #D3D3D3;
740     height: 1px;
741     filter: alpha(opacity=70);    opacity: 0.70; }
742.cke_menuarrow
743{
744     background-image: url(images/arrow.png);
745     background-position: 0 10px;
746     background-repeat: no-repeat;
747     padding: 0 5px;
748}
749.cke_rtl .cke_menuarrow
750{
751     background-position: 5px -13px;
752     background-repeat: no-repeat;
753}
754.cke_menuarrow span
755{
756     display: none;
757}
758.cke_hc .cke_menuarrow span
759{
760     vertical-align: middle;
761     display: inline;
762}
763/* Styles toolbar combos. */
764.cke_combo
765{
766     display: inline-block;
767     float: left;
768}
769.cke_rtl .cke_combo
770{
771     float: right;
772}
773.cke_hc .cke_combo
774{
775     margin-top: -2px;
776}
777.cke_combo_label
778{
779     display: none;
780     float: left;
781     line-height: 26px;
782     vertical-align: top;
783     margin-right: 5px;
784}
785.cke_rtl .cke_combo_label
786{
787     float: right;
788     margin-left: 5px;
789     margin-right: 0;
790}
791a.cke_combo_button
792{
793     cursor: default;
794     display: inline-block;
795     float: left;
796     margin: 0 6px 5px 0;
797     border: 1px solid #a6a6a6;
798     border-bottom-color: #979797;
799     border-radius: 3px;
800     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;
801     background: #e4e4e4;
802     background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
803     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
804}
805.cke_combo_off a.cke_combo_button:hover,
806.cke_combo_off a.cke_combo_button:focus
807{
808     background: #ccc;
809     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
810     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
811     outline: none;
812}
813.cke_combo_off a.cke_combo_button:active,
814.cke_combo_on a.cke_combo_button
815{
816     border: 1px solid #777;
817     box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset;
818     background: #b5b5b5;
819     background-image: linear-gradient(to bottom, #aaa, #cacaca);
820     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
821}
822.cke_combo_on a.cke_combo_button:hover,
823.cke_combo_on a.cke_combo_button:focus,
824.cke_combo_on a.cke_combo_button:active
825{
826     box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
827}
828.cke_rtl .cke_combo_button
829{
830     float: right;
831     margin-left: 5px;
832     margin-right: 0;
833}
834.cke_hc a.cke_combo_button
835{
836     padding: 3px;
837}
838.cke_hc .cke_combo_on a.cke_combo_button,
839.cke_hc .cke_combo_off a.cke_combo_button:hover,
840.cke_hc .cke_combo_off a.cke_combo_button:focus,
841.cke_hc .cke_combo_off a.cke_combo_button:active
842{
843     border-width: 3px;
844     padding: 1px;
845}
846.cke_combo_text
847{
848     line-height: 26px;
849     padding-left: 10px;
850     text-overflow: ellipsis;
851     overflow: hidden;
852     float: left;
853     cursor: default;
854     color: #474747;
855     text-shadow: 0 1px 0 rgba(255,255,255,.5);
856    width: 60px;
857}
858.cke_rtl .cke_combo_text
859{
860     float: right;
861     text-align: right;
862     padding-left: 0;
863     padding-right: 10px;
864}
865.cke_hc .cke_combo_text
866{
867     line-height: 18px;
868     font-size: 12px;
869}
870.cke_combo_open
871{
872     cursor: default;
873     display: inline-block;
874     font-size: 0;
875     height: 19px;
876     line-height: 17px;
877     margin: 1px 7px 1px;
878     width: 5px;
879}
880.cke_hc .cke_combo_open
881{
882     height: 12px;
883}
884.cke_combo_arrow
885{
886     cursor: default;
887     margin: 11px 0 0;
888     float: left;
889          height: 0;
890     width: 0;
891     font-size: 0;
892     border-left: 3px solid transparent;
893     border-right: 3px solid transparent;
894     border-top: 3px solid #474747;
895}
896.cke_hc .cke_combo_arrow
897{
898     font-size: 10px;
899     width: auto;
900     border: 0;
901     margin-top: 3px;
902}
903.cke_combo_disabled .cke_combo_inlinelabel,
904.cke_combo_disabled .cke_combo_open
905{
906     opacity: 0.3;
907}
908/* Styles the elements path bar, available at the bottom of the editor UI.*/
909.cke_path
910{
911     float: left;
912     margin: -2px 0 2px;
913}
914a.cke_path_item,
915span.cke_path_empty
916{
917     display: inline-block;
918     float: left;
919     padding: 3px 4px;
920     margin-right: 2px;
921     cursor: default;
922     text-decoration: none;
923     outline: 0;
924     border: 0;
925     color: #4c4c4c;
926     text-shadow: 0 1px 0 #fff;
927     font-weight: bold;
928     font-size: 11px;
929}
930.cke_rtl .cke_path,
931.cke_rtl .cke_path_item,
932.cke_rtl .cke_path_empty
933{
934     float: right;
935}
936a.cke_path_item:hover,
937a.cke_path_item:focus,
938a.cke_path_item:active
939{
940     background-color: #bfbfbf;
941     color: #333;
942     text-shadow: 0 1px 0 rgba(255,255,255,.5);
943     border-radius: 2px;
944     box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);
945}
946.cke_hc a.cke_path_item:hover,
947.cke_hc a.cke_path_item:focus,
948.cke_hc a.cke_path_item:active
949{
950     border: 2px solid;
951     padding: 1px 2px;
952}
953/* Contains hard-coded presets for "configurable-like" options of the UI
954   (e.g. display labels on specific buttons) */
955.cke_button__source_label,
956.cke_button__sourcedialog_label
957{
958     display: inline;
959}
960.cke_combo__fontsize .cke_combo_text
961{
962     width: 30px;
963}
964.cke_combopanel__fontsize
965{
966     width: 120px;
967}
968textarea.cke_source
969{
970     font-family: 'Courier New', Monospace;
971     font-size: small;
972     background-color: #fff;
973     white-space: pre-wrap;
974     border: none;
975     padding: 0;
976     margin: 0;
977     display: block;
978}
979.cke_wysiwyg_frame, .cke_wysiwyg_div
980{
981     background-color: #fff;
982}
983/* Styles for notifications. */
984.cke_notifications_area
985{
986          pointer-events: none;
987}
988.cke_notification
989{
990     pointer-events: auto;
991     position: relative;
992     margin: 10px;
993     width: 300px;
994     color: white;
995     border-radius: 3px;
996     text-align: center;
997     opacity: 0.95;
998     filter: alpha(opacity = 95);
999     box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);
1000     -webkit-animation: fadeIn 0.7s;
1001     animation: fadeIn 0.7s;
1002}
1003.cke_notification_message a
1004{
1005     color: #12306F;
1006}
1007@-webkit-keyframes fadeIn
1008{
1009     from { opacity: 0.4; }
1010     to { opacity: 0.95; }
1011}
1012@keyframes fadeIn
1013{
1014     from { opacity: 0.4; }
1015     to { opacity: 0.95; }
1016}
1017.cke_notification_success
1018{
1019     background: #72B572;
1020     border: 1px solid #63A563;
1021}
1022.cke_notification_warning
1023{
1024     background: #C83939;
1025     border: 1px solid #902B2B;
1026}
1027.cke_notification_info
1028{
1029     background: #2E9AD0;
1030     border: 1px solid #0F74A8;
1031}
1032.cke_notification_info span.cke_notification_progress
1033{
1034     background-color: #0F74A8;
1035     display: block;
1036     padding: 0;
1037     margin: 0;
1038     height: 100%;
1039     overflow: hidden;
1040     position: absolute;
1041     z-index: 1;
1042}
1043.cke_notification_message
1044{
1045     position: relative;
1046     margin: 4px 23px 3px;
1047     font-family: Arial, Helvetica, sans-serif;
1048     font-size: 12px;
1049     line-height: 18px;
1050     z-index: 4;
1051     text-overflow: ellipsis;
1052     overflow: hidden;
1053}
1054.cke_notification_close
1055{
1056     background-image: url(images/close.png);
1057     background-repeat: no-repeat;
1058     background-position: 50%;
1059     position: absolute;
1060     cursor: pointer;
1061     text-align: center;
1062     height: 20px;
1063     width: 20px;
1064     top: 1px;
1065     right: 1px;
1066     padding: 0;
1067     margin: 0;
1068     z-index: 5;
1069     opacity: 0.6;
1070     filter: alpha(opacity = 60);
1071}
1072.cke_notification_close:hover
1073{
1074     opacity: 1;
1075     filter: alpha(opacity = 100);
1076}
1077.cke_notification_close span
1078{
1079     display: none;
1080}
1081.cke_notification_warning a.cke_notification_close
1082{
1083     opacity: 0.8;
1084     filter: alpha(opacity = 80);
1085}
1086.cke_notification_warning a.cke_notification_close:hover
1087{
1088     opacity: 1;
1089     filter: alpha(opacity = 100);
1090}
1091/* Important!
1092   To avoid showing the editor UI while its styles are still not available, the
1093   editor creates it with visibility:hidden. Here, we restore the UI visibility. */
1094.cke_chrome
1095{
1096     visibility: inherit;
1097}
1098/* For accessibility purposes, several "voice labels" are present in the UI.
1099   These are usually <span> elements that show not be visible, but that are
1100   used by screen-readers to announce other elements. Here, we hide these
1101   <spans>, in fact. */
1102.cke_voice_label
1103{
1104     display: none;
1105}
1106legend.cke_voice_label
1107{
1108     display: none;
1109}
1110.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}
1111.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -24px !important;}
1112.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -48px !important;}
1113.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -72px !important;}
1114.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -96px !important;}
1115.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -120px !important;}
1116.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -144px !important;}
1117.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -168px !important;}
1118.cke_rtl .cke_button__copy_icon, .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -192px !important;}
1119.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -216px !important;}
1120.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -240px !important;}
1121.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -264px !important;}
1122.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -288px !important;}
1123.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -312px !important;}
1124.cke_button__image_icon {background: url(icons.png) no-repeat 0 -336px !important;}
1125.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -360px !important;}
1126.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -384px !important;}
1127.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -408px !important;}
1128.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -432px !important;}
1129.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -456px !important;}
1130.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -480px !important;}
1131.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -504px !important;}
1132.cke_button__link_icon {background: url(icons.png) no-repeat 0 -528px !important;}
1133.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -552px !important;}
1134.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -576px !important;}
1135.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -600px !important;}
1136.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -624px !important;}
1137.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -648px !important;}
1138.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -672px !important;}
1139.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -696px !important;}
1140.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -720px !important;}
1141.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -744px !important;}
1142.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -768px !important;}
1143.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -792px !important;}
1144.cke_button__print_icon {background: url(icons.png) no-repeat 0 -816px !important;}
1145.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -840px !important;}
1146.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -864px !important;}
1147.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -888px !important;}
1148.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -912px !important;}
1149.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -936px !important;}
1150.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -960px !important;}
1151.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -984px !important;}
1152.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -1008px !important;}
1153.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -1032px !important;}
1154.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1056px !important;}
1155.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -1080px !important;}
1156.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -1104px !important;}
1157.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -1128px !important;}
1158.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -1152px !important;}
1159.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1176px !important;}
1160.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1200px !important;}
1161.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -1224px !important;}
1162.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}
1163.cke_rtl.cke_hidpi .cke_button__anchor_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}
1164.cke_hidpi .cke_ltr .cke_button__anchor_icon,
1165.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}
1166.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}
1167.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}
1168.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}
1169.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}
1170.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,
1171.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}
1172.cke_rtl.cke_hidpi .cke_button__copy_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -192px !important;background-size: 16px !important;}
1173.cke_hidpi .cke_ltr .cke_button__copy_icon,
1174.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}
1175.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -240px !important;background-size: 16px !important;}
1176.cke_rtl.cke_hidpi .cke_button__cut_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}
1177.cke_hidpi .cke_ltr .cke_button__cut_icon,
1178.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -288px !important;background-size: 16px !important;}
1179.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}
1180.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}
1181.cke_rtl.cke_hidpi .cke_button__indent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}
1182.cke_hidpi .cke_ltr .cke_button__indent_icon,
1183.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}
1184.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}
1185.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}
1186.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -456px !important;background-size: 16px !important;}
1187.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}
1188.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -504px !important;background-size: 16px !important;}
1189.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}
1190.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}
1191.cke_rtl.cke_hidpi .cke_button__numberedlist_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}
1192.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,
1193.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}
1194.cke_rtl.cke_hidpi .cke_button__outdent_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}
1195.cke_hidpi .cke_ltr .cke_button__outdent_icon,
1196.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -648px !important;background-size: 16px !important;}
1197.cke_rtl.cke_hidpi .cke_button__paste_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}
1198.cke_hidpi .cke_ltr .cke_button__paste_icon,
1199.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}
1200.cke_rtl.cke_hidpi .cke_button__pastefromword_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}
1201.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,
1202.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -744px !important;background-size: 16px !important;}
1203.cke_rtl.cke_hidpi .cke_button__pastetext_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}
1204.cke_hidpi .cke_ltr .cke_button__pastetext_icon,
1205.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -792px !important;background-size: 16px !important;}
1206.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}
1207.cke_rtl.cke_hidpi .cke_button__redo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}
1208.cke_hidpi .cke_ltr .cke_button__redo_icon,
1209.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -864px !important;background-size: 16px !important;}
1210.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}
1211.cke_rtl.cke_hidpi .cke_button__source_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -912px !important;background-size: 16px !important;}
1212.cke_hidpi .cke_ltr .cke_button__source_icon,
1213.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}
1214.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}
1215.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}
1216.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -1008px !important;background-size: 16px !important;}
1217.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}
1218.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}
1219.cke_rtl.cke_hidpi .cke_button__templates_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}
1220.cke_hidpi .cke_ltr .cke_button__templates_icon,
1221.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -1104px !important;background-size: 16px !important;}
1222.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}
1223.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -1152px !important;background-size: 16px !important;}
1224.cke_rtl.cke_hidpi .cke_button__undo_icon, .cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}
1225.cke_hidpi .cke_ltr .cke_button__undo_icon,
1226.cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1200px !important;background-size: 16px !important;}
1227.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;}
Note: See TracBrowser for help on using the repository browser.

Sites map