2 Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.md or http://ckeditor.com/license
13 border: 1px solid #b2b2b2;
14 border-bottom-color: #999;
16 box-shadow: 0 0 3px rgba(0, 0, 0, .15)
29 text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
30 border-bottom: 1px solid #999;
32 border-radius: 2px 2px 0 0;
33 box-shadow: 0 1px 0 #fff inset;
35 background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf);
36 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf')
45 border-top: 2px solid rgba(102, 102, 102, 0.2);
46 border-right: 2px solid rgba(102, 102, 102, 0.2);
47 border-bottom: 2px solid rgba(102, 102, 102, 0.2);
48 border-left: 2px solid rgba(102, 102, 102, 1);
49 -webkit-animation: dialog_spinner 1s infinite linear;
50 animation: dialog_spinner 1s infinite linear
53 .cke_browser_ie8 .cke_dialog_spinner,
54 .cke_browser_ie9 .cke_dialog_spinner {
55 background: url(images/spinner.gif) center top no-repeat;
61 @-webkit-keyframes dialog_spinner {
63 -webkit-transform: rotate(0deg);
64 transform: rotate(0deg)
67 -webkit-transform: rotate(360deg);
68 transform: rotate(360deg)
72 @keyframes dialog_spinner {
74 -webkit-transform: rotate(0deg);
75 transform: rotate(0deg)
78 -webkit-transform: rotate(360deg);
79 transform: rotate(360deg)
83 .cke_dialog_contents {
84 background-color: #fff;
86 padding: 15px 10px 5px 10px;
88 border-top: 1px solid #bfbfbf;
89 border-radius: 0 0 3px 3px
92 .cke_dialog_contents_body {
94 padding: 17px 10px 5px 10px;
102 outline: 1px solid #bfbfbf;
103 box-shadow: 0 1px 0 #fff inset;
104 border-radius: 0 0 2px 2px;
106 background-image: linear-gradient(to bottom, #ebebeb, #cfd1cf);
107 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf')
110 .cke_rtl .cke_dialog_footer {
114 .cke_hc .cke_dialog_footer {
116 border-top: 1px solid #fff
119 .cke_dialog .cke_resizer {
123 .cke_dialog .cke_resizer_rtl {
127 .cke_dialog .cke_resizer_ltr {
133 display: inline-block;
140 .cke_rtl .cke_dialog_tabs {
148 display: inline-block;
153 border: 1px solid #bfbfbf;
154 border-radius: 3px 3px 0 0;
156 background-image: linear-gradient(to bottom, #fafafa, #ededed);
157 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fafafa', endColorstr='#ededed')
160 .cke_rtl a.cke_dialog_tab {
165 a.cke_dialog_tab:hover,
166 a.cke_dialog_tab:focus {
168 background: linear-gradient(to bottom, #ebebeb 0, #dfdfdf 100%);
169 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dfdfdf', GradientType=0)
172 a.cke_dialog_tab_selected {
175 border-bottom-color: #fff;
180 a.cke_dialog_tab_selected:hover,
181 a.cke_dialog_tab_selected:focus {
183 background: linear-gradient(to bottom, #ededed 0, #fff 100%);
184 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0)
187 .cke_hc a.cke_dialog_tab:hover,
188 .cke_hc a.cke_dialog_tab:focus,
189 .cke_hc a.cke_dialog_tab_selected {
194 a.cke_dialog_tab_disabled {
199 .cke_single_page .cke_dialog_tabs {
203 .cke_single_page .cke_dialog_contents {
209 a.cke_dialog_close_button {
210 background-image: url(images/close.png);
211 background-repeat: no-repeat;
212 background-position: 50%;
221 filter: alpha(opacity=80)
224 .cke_dialog_close_button:hover {
226 filter: alpha(opacity=100)
229 .cke_hidpi .cke_dialog_close_button {
230 background-image: url(images/hidpi/close.png);
231 background-size: 16px
234 .cke_dialog_close_button span {
238 .cke_hc .cke_dialog_close_button span {
246 .cke_ltr .cke_dialog_close_button {
250 .cke_rtl .cke_dialog_close_button {
254 .cke_dialog_close_button {
258 div.cke_disabled .cke_dialog_ui_labeled_content div * {
259 background-color: #ddd;
263 .cke_dialog_ui_vbox table,
264 .cke_dialog_ui_hbox table {
268 .cke_dialog_ui_vbox_child {
272 .cke_dialog_ui_hbox {
276 .cke_dialog_ui_hbox_first,
277 .cke_dialog_ui_hbox_child,
278 .cke_dialog_ui_hbox_last {
282 .cke_ltr .cke_dialog_ui_hbox_first,
283 .cke_ltr .cke_dialog_ui_hbox_child {
287 .cke_rtl .cke_dialog_ui_hbox_first,
288 .cke_rtl .cke_dialog_ui_hbox_child {
292 .cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
293 .cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
297 .cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
298 .cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
303 .cke_hc div.cke_dialog_ui_input_text,
304 .cke_hc div.cke_dialog_ui_input_password,
305 .cke_hc div.cke_dialog_ui_input_textarea,
306 .cke_hc div.cke_dialog_ui_input_select,
307 .cke_hc div.cke_dialog_ui_input_file {
311 textarea.cke_dialog_ui_input_textarea {
316 input.cke_dialog_ui_input_text,
317 input.cke_dialog_ui_input_password,
318 textarea.cke_dialog_ui_input_textarea {
319 background-color: #fff;
320 border: 1px solid #c9cccf;
321 border-top-color: #aeb3b9;
326 box-sizing: border-box;
328 box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset
331 input.cke_dialog_ui_input_text:hover,
332 input.cke_dialog_ui_input_password:hover,
333 textarea.cke_dialog_ui_input_textarea:hover {
334 border: 1px solid #aeb3b9;
335 border-top-color: #a0a6ad
338 input.cke_dialog_ui_input_text:focus,
339 input.cke_dialog_ui_input_password:focus,
340 textarea.cke_dialog_ui_input_textarea:focus,
341 select.cke_dialog_ui_input_select:focus {
343 border: 1px solid #139ff7;
344 border-top-color: #1392e9
347 a.cke_dialog_ui_button {
348 display: inline-block;
355 vertical-align: middle;
357 border: 1px solid #b6b6b6;
358 border-bottom-color: #999;
360 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;
362 background-image: linear-gradient(to bottom, #fff, #e4e4e4);
363 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4')
366 span.cke_dialog_ui_button {
370 a.cke_dialog_ui_button:hover {
371 border-color: #9e9e9e;
373 background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
374 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc')
377 a.cke_dialog_ui_button:focus,
378 a.cke_dialog_ui_button:active {
379 border-color: #969696;
381 box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset
384 .cke_hc a.cke_dialog_ui_button:hover,
385 .cke_hc a.cke_dialog_ui_button:focus,
386 .cke_hc a.cke_dialog_ui_button:active {
392 .cke_hc a.cke_dialog_ui_button:hover span,
393 .cke_hc a.cke_dialog_ui_button:focus span,
394 .cke_hc a.cke_dialog_ui_button:active span {
399 .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
407 a.cke_dialog_ui_button_ok {
409 text-shadow: 0 -1px 0 #55830c;
410 border-color: #62a60a #62a60a #4d9200;
412 background-image: linear-gradient(to bottom, #9ad717, #69b10b);
413 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#9ad717', endColorstr='#69b10b')
416 a.cke_dialog_ui_button_ok:hover {
417 border-color: #5b9909 #5b9909 #478500;
419 background: linear-gradient(to bottom, #88be14 0, #5d9c0a 100%);
420 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#88be14', endColorstr='#5d9c0a', GradientType=0)
423 a.cke_dialog_ui_button_ok.cke_disabled {
424 border-color: #7d9f51;
426 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3d271), to(#8dad62));
427 background-image: -webkit-linear-gradient(top, #b3d271, #8dad62);
428 background-image: -o-linear-gradient(top, #b3d271, #8dad62);
429 background-image: linear-gradient(to bottom, #b3d271, #8dad62);
430 background-image: -moz-linear-gradient(top, #b3d271, #8dad62);
431 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3D271', endColorstr='#8DAD62')
434 a.cke_dialog_ui_button_ok.cke_disabled span {
438 a.cke_dialog_ui_button span {
439 text-shadow: 0 1px 0 #fff
442 a.cke_dialog_ui_button_ok span {
443 text-shadow: 0 -1px 0 #55830c
446 span.cke_dialog_ui_button {
450 a.cke_dialog_ui_button_ok:focus,
451 a.cke_dialog_ui_button_ok:active,
452 a.cke_dialog_ui_button_cancel:focus,
453 a.cke_dialog_ui_button_cancel:active {
458 a.cke_dialog_ui_button_ok:focus,
459 a.cke_dialog_ui_button_ok:active {
460 border-color: #568c0a
463 a.cke_dialog_ui_button_ok.cke_disabled:focus,
464 a.cke_dialog_ui_button_ok.cke_disabled:active {
465 border-color: #6f8c49
468 a.cke_dialog_ui_button_ok:focus span,
469 a.cke_dialog_ui_button_ok:active span,
470 a.cke_dialog_ui_button_cancel:focus span,
471 a.cke_dialog_ui_button_cancel:active span {
475 .cke_dialog_footer_buttons {
476 display: inline-table;
480 vertical-align: middle
483 div.cke_dialog_ui_input_select {
487 select.cke_dialog_ui_input_select {
490 background-color: #fff;
491 border: 1px solid #c9cccf;
492 border-top-color: #aeb3b9;
493 padding: 3px 3px 3px 6px;
496 box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset
499 .cke_dialog_ui_input_file {
504 .cke_hc .cke_dialog_ui_labeled_content input:focus,
505 .cke_hc .cke_dialog_ui_labeled_content select:focus,
506 .cke_hc .cke_dialog_ui_labeled_content textarea:focus {
510 .cke_dialog .cke_dark_background {
511 background-color: #dedede
514 .cke_dialog .cke_light_background {
515 background-color: #ebebeb
518 .cke_dialog .cke_centered {
522 .cke_dialog a.cke_btn_reset {
524 background: url(images/refresh.png) top left no-repeat;
531 .cke_hidpi .cke_dialog a.cke_btn_reset {
532 background-size: 16px;
533 background-image: url(images/hidpi/refresh.png)
536 .cke_rtl .cke_dialog a.cke_btn_reset {
540 .cke_dialog a.cke_btn_locked,
541 .cke_dialog a.cke_btn_unlocked {
545 background-repeat: no-repeat;
550 .cke_dialog a.cke_btn_locked .cke_icon {
554 .cke_rtl .cke_dialog a.cke_btn_locked,
555 .cke_rtl .cke_dialog a.cke_btn_unlocked {
559 .cke_dialog a.cke_btn_locked {
560 background-image: url(images/lock.png)
563 .cke_dialog a.cke_btn_unlocked {
564 background-image: url(images/lock-open.png)
567 .cke_hidpi .cke_dialog a.cke_btn_unlocked,
568 .cke_hidpi .cke_dialog a.cke_btn_locked {
569 background-size: 16px
572 .cke_hidpi .cke_dialog a.cke_btn_locked {
573 background-image: url(images/hidpi/lock.png)
576 .cke_hidpi .cke_dialog a.cke_btn_unlocked {
577 background-image: url(images/hidpi/lock-open.png)
580 .cke_dialog .cke_btn_over {
585 .cke_dialog .ImagePreviewBox {
586 border: 2px ridge black;
591 background-color: white
594 .cke_dialog .ImagePreviewBox table td {
598 .cke_dialog .ImagePreviewLoader {
607 filter: alpha(opacity=90);
608 background-color: #e4e4e4
611 .cke_dialog .FlashPreviewBox {
613 border: 2px ridge black;
618 background-color: white
621 .cke_dialog .cke_pastetext {
626 .cke_dialog .cke_pastetext textarea {
632 .cke_dialog iframe.cke_pasteframe {
635 background-color: white;
636 border: 1px solid #aeb3b9;
640 .cke_dialog .cke_hand {
648 .cke_dialog_body .cke_label {
652 .cke_dialog_body label {
658 .cke_dialog_body label.cke_required {
670 vertical-align: middle
683 border: 1px solid transparent
689 a.cke_specialchar:hover,
690 a.cke_specialchar:focus,
691 a.cke_specialchar:active {
697 a.cke_specialchar:hover {
703 a.cke_specialchar:focus,
704 a.cke_specialchar:active {
705 border-color: #139ff7
708 .cke_dialog_contents a.colorChooser {
715 .cke_rtl .cke_dialog_contents a.colorChooser {
719 .cke_dialog_ui_checkbox_input:focus,
720 .cke_dialog_ui_radio_input:focus,
722 outline: 1px dotted #696969
731 filter: alpha(opacity=0);
736 .cke_rtl input.cke_dialog_ui_input_text,
737 .cke_rtl input.cke_dialog_ui_input_password {
741 .cke_rtl div.cke_dialog_ui_input_text,
742 .cke_rtl div.cke_dialog_ui_input_password {
746 .cke_rtl div.cke_dialog_ui_input_text {
750 .cke_rtl .cke_dialog_ui_vbox_child,
751 .cke_rtl .cke_dialog_ui_hbox_child,
752 .cke_rtl .cke_dialog_ui_hbox_first,
753 .cke_rtl .cke_dialog_ui_hbox_last {
754 padding-right: 2px!important
757 .cke_hc .cke_dialog_title,
758 .cke_hc .cke_dialog_footer,
759 .cke_hc a.cke_dialog_tab,
760 .cke_hc a.cke_dialog_ui_button,
761 .cke_hc a.cke_dialog_ui_button:hover,
762 .cke_hc a.cke_dialog_ui_button_ok,
763 .cke_hc a.cke_dialog_ui_button_ok:hover {
764 filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
767 .cke_hc div.cke_dialog_ui_input_text,
768 .cke_hc div.cke_dialog_ui_input_password,
769 .cke_hc div.cke_dialog_ui_input_textarea,
770 .cke_hc div.cke_dialog_ui_input_select,
771 .cke_hc div.cke_dialog_ui_input_file {
780 border-top: 1px solid #bfbfbf
783 .cke_dialog_footer_buttons {
787 .cke_dialog_footer_buttons a.cke_dialog_ui_button {
791 .cke_dialog .cke_resizer_ltr {
795 .cke_dialog .cke_resizer_rtl {
799 .cke_dialog_ui_input_text,
800 .cke_dialog_ui_input_password,
801 .cke_dialog_ui_input_textarea,
802 .cke_dialog_ui_input_select {
806 .cke_dialog_ui_checkbox_input,
807 .cke_dialog_ui_ratio_input,
811 border: 1px solid transparent!important