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