Dotclear

source: plugins/dcCKEditor/js/ckeditor/skins/moono/editor.css @ 3039:2883094c39d9

Revision 3039:2883094c39d9, 36.7 KB checked in by Nicolas <nikrou77@…>, 10 years ago (diff)

Update ckeditor to 4.5.1
Many changes and issues fixed.
Line 
1/*
2Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
3For licensing, see LICENSE.md or http://ckeditor.com/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}
422.cke_ltr .cke_button:last-child,
423.cke_rtl .cke_button:first-child
424{
425          border-radius: 0 2px 2px 0;
426}
427.cke_ltr .cke_button:first-child,
428.cke_rtl .cke_button:last-child
429{
430          border-radius: 2px 0 0 2px;
431}
432.cke_rtl .cke_button
433{
434     float: right;
435}
436.cke_hc .cke_button
437{
438     border: 1px solid black;
439          padding: 3px 5px;
440     margin: -2px 4px 0 -2px;
441}
442a.cke_button_on
443{
444     box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2);
445     background: #b5b5b5;
446     background-image: linear-gradient(to bottom, #aaa, #cacaca);
447     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
448}
449.cke_hc .cke_button_on,
450.cke_hc a.cke_button_off:hover,
451.cke_hc a.cke_button_off:focus,
452.cke_hc a.cke_button_off:active,
453.cke_hc a.cke_button_disabled:hover,
454.cke_hc a.cke_button_disabled:focus,
455.cke_hc a.cke_button_disabled:active
456{
457     border-width: 3px;
458          padding: 1px 3px;
459}
460.cke_button_disabled .cke_button_icon
461{
462     opacity: 0.3;
463}
464.cke_hc .cke_button_disabled
465{
466     opacity: 0.5;
467}
468a.cke_button_on:hover,
469a.cke_button_on:focus,
470a.cke_button_on:active
471{
472     box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
473}
474a.cke_button_off:hover,
475a.cke_button_off:focus,
476a.cke_button_off:active,
477a.cke_button_disabled:hover,
478a.cke_button_disabled:focus,
479a.cke_button_disabled:active
480{
481     box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
482     background: #ccc;
483     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
484     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
485}
486.cke_button_icon
487{
488     cursor: inherit;
489     background-repeat: no-repeat;
490     margin-top: 1px;
491     width: 16px;
492     height: 16px;
493     float: left;
494     display: inline-block;
495}
496.cke_rtl .cke_button_icon
497{
498     float: right;
499}
500.cke_hc .cke_button_icon
501{
502     display: none;
503}
504.cke_button_label
505{
506     display: none;
507     padding-left: 3px;
508     margin-top: 1px;
509     line-height: 17px;
510     vertical-align: middle;
511     float: left;
512     cursor: default;
513     color: #474747;
514     text-shadow: 0 1px 0 rgba(255,255,255,.5);
515}
516.cke_rtl .cke_button_label
517{
518     padding-right: 3px;
519     padding-left: 0;
520     float: right;
521}
522.cke_hc .cke_button_label
523{
524     padding: 0;
525     display: inline-block;
526     font-size: 12px;
527}
528.cke_button_arrow
529{
530          display: inline-block;
531     margin: 8px 0 0 1px;
532     width: 0;
533     height: 0;
534     cursor: default;
535     vertical-align: top;
536     border-left: 3px solid transparent;
537     border-right: 3px solid transparent;
538     border-top: 3px solid #474747;
539}
540.cke_rtl .cke_button_arrow
541{
542     margin-right: 5px;
543     margin-left: 0;
544}
545.cke_hc .cke_button_arrow
546{
547     font-size: 10px;
548     margin: 3px -2px 0 3px;
549     width: auto;
550     border: 0;
551}
552.cke_toolbar_separator
553{
554     float: left;
555     background-color: #c0c0c0;
556     background-color: rgba(0,0,0,.2);
557     margin: 5px 2px 0;
558     height: 18px;
559     width: 1px;
560     box-shadow: 1px 0 1px rgba(255,255,255,.5);
561}
562.cke_rtl .cke_toolbar_separator
563{
564     float: right;
565     box-shadow: -1px 0 1px rgba(255,255,255,.1);
566}
567.cke_hc .cke_toolbar_separator
568{
569     width: 0;
570     border-left: 1px solid;
571     margin: 1px 5px 0 0px;
572}
573.cke_toolbar_break
574{
575     display: block;
576     clear: left;
577}
578.cke_rtl .cke_toolbar_break
579{
580     clear: right;
581}
582a.cke_toolbox_collapser
583{
584     width: 12px;
585     height: 11px;
586     float: right;
587     margin: 11px 0 0;
588     font-size: 0;
589     cursor: default;
590     text-align: center;
591     border: 1px solid #a6a6a6;
592     border-bottom-color: #979797;
593     border-radius: 3px;
594     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;
595     background: #e4e4e4;
596     background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
597     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
598}
599.cke_toolbox_collapser:hover
600{
601     background: #ccc;
602     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
603     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
604}
605.cke_toolbox_collapser.cke_toolbox_collapser_min
606{
607     margin: 0 2px 4px;
608}
609.cke_rtl .cke_toolbox_collapser
610{
611     float: left;
612}
613.cke_toolbox_collapser .cke_arrow
614{
615     display: inline-block;
616          height: 0;
617     width: 0;
618     font-size: 0;
619     margin-top: 1px;
620     border-left: 3px solid transparent;
621     border-right: 3px solid transparent;
622     border-bottom: 3px solid #474747;
623     border-top: 3px solid transparent;
624}
625.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
626{
627     margin-top: 4px;
628     border-bottom-color: transparent;
629     border-top-color: #474747;
630}
631.cke_hc .cke_toolbox_collapser .cke_arrow
632{
633     font-size: 8px;
634     width: auto;
635     border: 0;
636     margin-top: 0;
637     margin-right: 2px;
638}
639/* Styles menus, which are lists of selectable items (context menu, menu button). */
640.cke_menubutton
641{
642          display: block;
643}
644.cke_menuitem span
645{
646          cursor: default;
647}
648.cke_menubutton:hover,
649.cke_menubutton:focus,
650.cke_menubutton:active
651{
652     background-color: #D3D3D3;
653     display: block;
654}
655.cke_hc .cke_menubutton
656{
657     padding: 2px;
658}
659.cke_hc .cke_menubutton:hover,
660.cke_hc .cke_menubutton:focus,
661.cke_hc .cke_menubutton:active
662{
663     border: 2px solid;
664     padding: 0;
665}
666.cke_menubutton_inner {
667     display: table-row;
668}
669.cke_menubutton_icon,
670.cke_menubutton_label,
671.cke_menuarrow {
672     display: table-cell;
673}
674.cke_menubutton_icon
675{
676     background-color: #D7D8D7;
677     opacity: 0.70;      filter: alpha(opacity=70);    padding: 4px;
678}
679.cke_hc .cke_menubutton_icon
680{
681     height: 16px;
682     width: 0;
683     padding: 4px 0;
684}
685.cke_menubutton:hover .cke_menubutton_icon,
686.cke_menubutton:focus .cke_menubutton_icon,
687.cke_menubutton:active .cke_menubutton_icon
688{
689     background-color: #D0D2D0;
690}
691.cke_menubutton_disabled:hover .cke_menubutton_icon,
692.cke_menubutton_disabled:focus .cke_menubutton_icon,
693.cke_menubutton_disabled:active .cke_menubutton_icon
694{
695          opacity: 0.3;
696     filter: alpha(opacity=30);
697}
698.cke_menubutton_label
699{
700     padding: 0 5px;
701     background-color: transparent;
702     width: 100%;
703     vertical-align: middle;
704}
705.cke_menubutton_disabled .cke_menubutton_label
706{
707          opacity: 0.3;
708     filter: alpha(opacity=30);
709}
710.cke_menubutton_on
711{
712     border: 1px solid #dedede;
713     background-color: #f2f2f2;
714     box-shadow: 0 0 2px rgba(0,0,0,.1) inset;
715}
716.cke_menubutton_on .cke_menubutton_icon
717{
718     padding-right: 3px;
719}
720.cke_menubutton:hover,
721.cke_menubutton:focus,
722.cke_menubutton:active
723{
724     background-color: #EFF0EF;
725}
726.cke_panel_frame .cke_menubutton_label
727{
728     display: none;
729}
730.cke_menuseparator
731{
732     background-color: #D3D3D3;
733     height: 1px;
734     filter: alpha(opacity=70);    opacity: 0.70; }
735.cke_menuarrow
736{
737     background-image: url(images/arrow.png);
738     background-position: 0 10px;
739     background-repeat: no-repeat;
740     padding: 0 5px;
741}
742.cke_rtl .cke_menuarrow
743{
744     background-position: 5px -13px;
745     background-repeat: no-repeat;
746}
747.cke_menuarrow span
748{
749     display: none;
750}
751.cke_hc .cke_menuarrow span
752{
753     vertical-align: middle;
754     display: inline;
755}
756/* Styles toolbar combos. */
757.cke_combo
758{
759     display: inline-block;
760     float: left;
761}
762.cke_rtl .cke_combo
763{
764     float: right;
765}
766.cke_hc .cke_combo
767{
768     margin-top: -2px;
769}
770.cke_combo_label
771{
772     display: none;
773     float: left;
774     line-height: 26px;
775     vertical-align: top;
776     margin-right: 5px;
777}
778.cke_rtl .cke_combo_label
779{
780     float: right;
781     margin-left: 5px;
782     margin-right: 0;
783}
784a.cke_combo_button
785{
786     cursor: default;
787     display: inline-block;
788     float: left;
789     margin: 0 6px 5px 0;
790     border: 1px solid #a6a6a6;
791     border-bottom-color: #979797;
792     border-radius: 3px;
793     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;
794     background: #e4e4e4;
795     background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);
796     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
797}
798.cke_combo_off a.cke_combo_button:hover,
799.cke_combo_off a.cke_combo_button:focus
800{
801     background: #ccc;
802     background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
803     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
804     outline: none;
805}
806.cke_combo_off a.cke_combo_button:active,
807.cke_combo_on a.cke_combo_button
808{
809     border: 1px solid #777;
810     box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset;
811     background: #b5b5b5;
812     background-image: linear-gradient(to bottom, #aaa, #cacaca);
813     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
814}
815.cke_combo_on a.cke_combo_button:hover,
816.cke_combo_on a.cke_combo_button:focus,
817.cke_combo_on a.cke_combo_button:active
818{
819     box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);
820}
821.cke_rtl .cke_combo_button
822{
823     float: right;
824     margin-left: 5px;
825     margin-right: 0;
826}
827.cke_hc a.cke_combo_button
828{
829     padding: 3px;
830}
831.cke_hc .cke_combo_on a.cke_combo_button,
832.cke_hc .cke_combo_off a.cke_combo_button:hover,
833.cke_hc .cke_combo_off a.cke_combo_button:focus,
834.cke_hc .cke_combo_off a.cke_combo_button:active
835{
836     border-width: 3px;
837     padding: 1px;
838}
839.cke_combo_text
840{
841     line-height: 26px;
842     padding-left: 10px;
843     text-overflow: ellipsis;
844     overflow: hidden;
845     float: left;
846     cursor: default;
847     color: #474747;
848     text-shadow: 0 1px 0 rgba(255,255,255,.5);
849    width: 60px;
850}
851.cke_rtl .cke_combo_text
852{
853     float: right;
854     text-align: right;
855     padding-left: 0;
856     padding-right: 10px;
857}
858.cke_hc .cke_combo_text
859{
860     line-height: 18px;
861     font-size: 12px;
862}
863.cke_combo_open
864{
865     cursor: default;
866     display: inline-block;
867     font-size: 0;
868     height: 19px;
869     line-height: 17px;
870     margin: 1px 7px 1px;
871     width: 5px;
872}
873.cke_hc .cke_combo_open
874{
875     height: 12px;
876}
877.cke_combo_arrow
878{
879     cursor: default;
880     margin: 11px 0 0;
881     float: left;
882          height: 0;
883     width: 0;
884     font-size: 0;
885     border-left: 3px solid transparent;
886     border-right: 3px solid transparent;
887     border-top: 3px solid #474747;
888}
889.cke_hc .cke_combo_arrow
890{
891     font-size: 10px;
892     width: auto;
893     border: 0;
894     margin-top: 3px;
895}
896.cke_combo_disabled .cke_combo_inlinelabel,
897.cke_combo_disabled .cke_combo_open
898{
899     opacity: 0.3;
900}
901/* Styles the elements path bar, available at the bottom of the editor UI.*/
902.cke_path
903{
904     float: left;
905     margin: -2px 0 2px;
906}
907a.cke_path_item,
908span.cke_path_empty
909{
910     display: inline-block;
911     float: left;
912     padding: 3px 4px;
913     margin-right: 2px;
914     cursor: default;
915     text-decoration: none;
916     outline: 0;
917     border: 0;
918     color: #4c4c4c;
919     text-shadow: 0 1px 0 #fff;
920     font-weight: bold;
921     font-size: 11px;
922}
923.cke_rtl .cke_path,
924.cke_rtl .cke_path_item,
925.cke_rtl .cke_path_empty
926{
927     float: right;
928}
929a.cke_path_item:hover,
930a.cke_path_item:focus,
931a.cke_path_item:active
932{
933     background-color: #bfbfbf;
934     color: #333;
935     text-shadow: 0 1px 0 rgba(255,255,255,.5);
936     border-radius: 2px;
937     box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);
938}
939.cke_hc a.cke_path_item:hover,
940.cke_hc a.cke_path_item:focus,
941.cke_hc a.cke_path_item:active
942{
943     border: 2px solid;
944     padding: 1px 2px;
945}
946/* Contains hard-coded presets for "configurable-like" options of the UI
947   (e.g. display labels on specific buttons) */
948.cke_button__source_label,
949.cke_button__sourcedialog_label
950{
951     display: inline;
952}
953.cke_combo__fontsize .cke_combo_text
954{
955     width: 30px;
956}
957.cke_combopanel__fontsize
958{
959     width: 120px;
960}
961textarea.cke_source
962{
963     font-family: 'Courier New', Monospace;
964     font-size: small;
965     background-color: #fff;
966     white-space: pre-wrap;
967     border: none;
968     padding: 0;
969     margin: 0;
970     display: block;
971}
972.cke_wysiwyg_frame, .cke_wysiwyg_div
973{
974     background-color: #fff;
975}
976/* Styles for notifications. */
977.cke_notifications_area
978{
979          pointer-events: none;
980}
981.cke_notification
982{
983     pointer-events: auto;
984     position: relative;
985     margin: 10px;
986     width: 300px;
987     color: white;
988     border-radius: 3px;
989     text-align: center;
990     opacity: 0.95;
991     filter: alpha(opacity = 95);
992     box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);
993     -webkit-animation: fadeIn 0.7s;
994     animation: fadeIn 0.7s;
995}
996.cke_notification_message a
997{
998     color: #12306F;
999}
1000@-webkit-keyframes fadeIn
1001{
1002     from { opacity: 0.4; }
1003     to { opacity: 0.95; }
1004}
1005@keyframes fadeIn
1006{
1007     from { opacity: 0.4; }
1008     to { opacity: 0.95; }
1009}
1010.cke_notification_success
1011{
1012     background: #72B572;
1013     border: 1px solid #63A563;
1014}
1015.cke_notification_warning
1016{
1017     background: #C83939;
1018     border: 1px solid #902B2B;
1019}
1020.cke_notification_info
1021{
1022     background: #2E9AD0;
1023     border: 1px solid #0F74A8;
1024}
1025.cke_notification_info span.cke_notification_progress
1026{
1027     background-color: #0F74A8;
1028     display: block;
1029     padding: 0;
1030     margin: 0;
1031     height: 100%;
1032     overflow: hidden;
1033     position: absolute;
1034     z-index: 1;
1035}
1036.cke_notification_message
1037{
1038     position: relative;
1039     margin: 4px 23px 3px;
1040     font-family: Arial, Helvetica, sans-serif;
1041     font-size: 12px;
1042     line-height: 18px;
1043     z-index: 4;
1044     text-overflow: ellipsis;
1045     overflow: hidden;
1046}
1047.cke_notification_close
1048{
1049     background-image: url(images/close.png);
1050     background-repeat: no-repeat;
1051     background-position: 50%;
1052     position: absolute;
1053     cursor: pointer;
1054     text-align: center;
1055     height: 20px;
1056     width: 20px;
1057     top: 1px;
1058     right: 1px;
1059     padding: 0;
1060     margin: 0;
1061     z-index: 5;
1062     opacity: 0.6;
1063     filter: alpha(opacity = 60);
1064}
1065.cke_notification_close:hover
1066{
1067     opacity: 1;
1068     filter: alpha(opacity = 100);
1069}
1070.cke_notification_close span
1071{
1072     display: none;
1073}
1074.cke_notification_warning a.cke_notification_close
1075{
1076     opacity: 0.8;
1077     filter: alpha(opacity = 80);
1078}
1079.cke_notification_warning a.cke_notification_close:hover
1080{
1081     opacity: 1;
1082     filter: alpha(opacity = 100);
1083}
1084/* Important!
1085   To avoid showing the editor UI while its styles are still not available, the
1086   editor creates it with visibility:hidden. Here, we restore the UI visibility. */
1087.cke_chrome
1088{
1089     visibility: inherit;
1090}
1091/* For accessibility purposes, several "voice labels" are present in the UI.
1092   These are usually <span> elements that show not be visible, but that are
1093   used by screen-readers to announce other elements. Here, we hide these
1094   <spans>, in fact. */
1095.cke_voice_label
1096{
1097     display: none;
1098}
1099legend.cke_voice_label
1100{
1101     display: none;
1102}
1103.cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;}
1104.cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;}
1105.cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;}
1106.cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;}
1107.cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;}
1108.cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;}
1109.cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;}
1110.cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -168px !important;}
1111.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;}
1112.cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -216px !important;}
1113.cke_rtl .cke_button__cut_icon, .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -240px !important;}
1114.cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -264px !important;}
1115.cke_rtl .cke_button__paste_icon, .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -288px !important;}
1116.cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -312px !important;}
1117.cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -336px !important;}
1118.cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -360px !important;}
1119.cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -384px !important;}
1120.cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -408px !important;}
1121.cke_button__image_icon {background: url(icons.png) no-repeat 0 -432px !important;}
1122.cke_rtl .cke_button__indent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -456px !important;}
1123.cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -480px !important;}
1124.cke_rtl .cke_button__outdent_icon, .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -504px !important;}
1125.cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -528px !important;}
1126.cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -552px !important;}
1127.cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -576px !important;}
1128.cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -600px !important;}
1129.cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -624px !important;}
1130.cke_rtl .cke_button__anchor_icon, .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -648px !important;}
1131.cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -672px !important;}
1132.cke_button__link_icon {background: url(icons.png) no-repeat 0 -696px !important;}
1133.cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -720px !important;}
1134.cke_rtl .cke_button__bulletedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -744px !important;}
1135.cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -768px !important;}
1136.cke_rtl .cke_button__numberedlist_icon, .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -792px !important;}
1137.cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -816px !important;}
1138.cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -840px !important;}
1139.cke_rtl .cke_button__pastefromword_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -864px !important;}
1140.cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -888px !important;}
1141.cke_rtl .cke_button__pastetext_icon, .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -912px !important;}
1142.cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -936px !important;}
1143.cke_button__print_icon {background: url(icons.png) no-repeat 0 -960px !important;}
1144.cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -984px !important;}
1145.cke_rtl .cke_button__source_icon, .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1008px !important;}
1146.cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1032px !important;}
1147.cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1056px !important;}
1148.cke_button__table_icon {background: url(icons.png) no-repeat 0 -1080px !important;}
1149.cke_rtl .cke_button__templates_icon, .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -1104px !important;}
1150.cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -1128px !important;}
1151.cke_rtl .cke_button__redo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1152px !important;}
1152.cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1176px !important;}
1153.cke_rtl .cke_button__undo_icon, .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1200px !important;}
1154.cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1224px !important;}
1155.cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;}
1156.cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;}
1157.cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;}
1158.cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;}
1159.cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;}
1160.cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;}
1161.cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;}
1162.cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;}
1163.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;}
1164.cke_hidpi .cke_ltr .cke_button__copy_icon,
1165.cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;}
1166.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 -240px !important;background-size: 16px !important;}
1167.cke_hidpi .cke_ltr .cke_button__cut_icon,
1168.cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;}
1169.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 -288px !important;background-size: 16px !important;}
1170.cke_hidpi .cke_ltr .cke_button__paste_icon,
1171.cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;}
1172.cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;}
1173.cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;}
1174.cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;}
1175.cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;}
1176.cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;}
1177.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 -456px !important;background-size: 16px !important;}
1178.cke_hidpi .cke_ltr .cke_button__indent_icon,
1179.cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;}
1180.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 -504px !important;background-size: 16px !important;}
1181.cke_hidpi .cke_ltr .cke_button__outdent_icon,
1182.cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;}
1183.cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;}
1184.cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;}
1185.cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;}
1186.cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;}
1187.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 -648px !important;background-size: 16px !important;}
1188.cke_hidpi .cke_ltr .cke_button__anchor_icon,
1189.cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;}
1190.cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;}
1191.cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;}
1192.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 -744px !important;background-size: 16px !important;}
1193.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,
1194.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;}
1195.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 -792px !important;background-size: 16px !important;}
1196.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,
1197.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;}
1198.cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;}
1199.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 -864px !important;background-size: 16px !important;}
1200.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,
1201.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;}
1202.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 -912px !important;background-size: 16px !important;}
1203.cke_hidpi .cke_ltr .cke_button__pastetext_icon,
1204.cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;}
1205.cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;}
1206.cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;}
1207.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 -1008px !important;background-size: 16px !important;}
1208.cke_hidpi .cke_ltr .cke_button__source_icon,
1209.cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;}
1210.cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;}
1211.cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;}
1212.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 -1104px !important;background-size: 16px !important;}
1213.cke_hidpi .cke_ltr .cke_button__templates_icon,
1214.cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;}
1215.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 -1152px !important;background-size: 16px !important;}
1216.cke_hidpi .cke_ltr .cke_button__redo_icon,
1217.cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;}
1218.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 -1200px !important;background-size: 16px !important;}
1219.cke_hidpi .cke_ltr .cke_button__undo_icon,
1220.cke_ltr.cke_hidpi .cke_button__undo_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