2 Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.md or http://ckeditor.com/license
7 * Progress notification structure:
9 * +---div.cke_notification cke_notification_info--------------------------+
11 * | +---div.cke_notification_progress-----------------------------------+ |
13 * | +-------------------------------------------------------------------+ |
15 * | +---p.cke_notification_message--------------------------------------+ |
17 * | +-------------------------------------------------------------------+ |
19 * | +---a.cke_notification_close----------------------------------------+ |
20 * | | +---span.cke_label----------------------------------------------+ | |
22 * | | +---------------------------------------------------------------+ | |
23 * | +-------------------------------------------------------------------+ |
25 * +-----------------------------------------------------------------------+
28 * Warning notification structure:
30 * +---div.cke_notification cke_notification_warning-----------------------+
32 * | +---p.cke_notification_message--------------------------------------+ |
34 * | +-------------------------------------------------------------------+ |
36 * | +---a.cke_notification_close----------------------------------------+ |
37 * | | +---span.cke_label----------------------------------------------+ | |
39 * | | +---------------------------------------------------------------+ | |
40 * | +-------------------------------------------------------------------+ |
42 * +-----------------------------------------------------------------------+
44 * Success and info notifications have the same structure as warning, but use
45 * `cke_notification_success` and `cke_notification_info` instead of `cke_notification_warning`.
47 .cke_notifications_area
49 /* Prevent notification margin capture clicking. */
62 filter: alpha
(opacity
= 95);
63 box-shadow: 2px 2px 3px 0px rgba
(50, 50, 50, 0.3);
65 -webkit-animation: fadeIn
0.7s;
66 animation: fadeIn
0.7s;
69 .cke_notification_message a
74 @-webkit-keyframes fadeIn
76 from
{ opacity: 0.4; }
82 from
{ opacity: 0.4; }
86 .cke_notification_success
89 border: 1px solid
#63A563;
92 .cke_notification_warning
95 border: 1px solid
#902B2B;
98 .cke_notification_info
101 border: 1px solid
#0F74A8;
104 .cke_notification_info span
.cke_notification_progress
106 background-color: #0F74A8;
116 .cke_notification_message
119 margin: 4px 23px 3px;
120 font-family: Arial
, Helvetica
, sans-serif
;
124 text-overflow: ellipsis
;
128 .cke_notification_close
130 background-image: url
(images/close.png);
131 background-repeat: no-repeat
;
132 background-position: 50%;
144 filter: alpha
(opacity
= 60);
147 .cke_notification_close:hover
150 filter: alpha
(opacity
= 100);
153 .cke_notification_close span
158 .cke_notification_warning a
.cke_notification_close
161 filter: alpha
(opacity
= 80);
164 .cke_notification_warning a
.cke_notification_close:hover
167 filter: alpha
(opacity
= 100);