]>
Commit | Line | Data |
---|---|---|
c63493c8 IB |
1 | /*\r |
2 | Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\r | |
3 | For licensing, see LICENSE.md or http://ckeditor.com/license\r | |
4 | */\r | |
5 | \r | |
6 | /**\r | |
7 | * Progress notification structure:\r | |
8 | *\r | |
9 | * +---div.cke_notification cke_notification_info--------------------------+\r | |
10 | * | |\r | |
11 | * | +---div.cke_notification_progress-----------------------------------+ |\r | |
12 | * | | | |\r | |
13 | * | +-------------------------------------------------------------------+ |\r | |
14 | * | |\r | |
15 | * | +---p.cke_notification_message--------------------------------------+ |\r | |
16 | * | | Foo | |\r | |
17 | * | +-------------------------------------------------------------------+ |\r | |
18 | * | |\r | |
19 | * | +---a.cke_notification_close----------------------------------------+ |\r | |
20 | * | | +---span.cke_label----------------------------------------------+ | |\r | |
21 | * | | | X | | |\r | |
22 | * | | +---------------------------------------------------------------+ | |\r | |
23 | * | +-------------------------------------------------------------------+ |\r | |
24 | * | |\r | |
25 | * +-----------------------------------------------------------------------+\r | |
26 | *\r | |
27 | *\r | |
28 | * Warning notification structure:\r | |
29 | *\r | |
30 | * +---div.cke_notification cke_notification_warning-----------------------+\r | |
31 | * | |\r | |
32 | * | +---p.cke_notification_message--------------------------------------+ |\r | |
33 | * | | Foo | |\r | |
34 | * | +-------------------------------------------------------------------+ |\r | |
35 | * | |\r | |
36 | * | +---a.cke_notification_close----------------------------------------+ |\r | |
37 | * | | +---span.cke_label----------------------------------------------+ | |\r | |
38 | * | | | X | | |\r | |
39 | * | | +---------------------------------------------------------------+ | |\r | |
40 | * | +-------------------------------------------------------------------+ |\r | |
41 | * | |\r | |
42 | * +-----------------------------------------------------------------------+\r | |
43 | *\r | |
44 | * Success and info notifications have the same structure as warning, but use\r | |
45 | * `cke_notification_success` and `cke_notification_info` instead of `cke_notification_warning`.\r | |
46 | */\r | |
47 | .cke_notifications_area\r | |
48 | {\r | |
49 | /* Prevent notification margin capture clicking. */\r | |
50 | pointer-events: none;\r | |
51 | }\r | |
52 | .cke_notification\r | |
53 | {\r | |
54 | pointer-events: auto;\r | |
55 | position: relative;\r | |
56 | margin: 10px;\r | |
57 | width: 300px;\r | |
58 | color: white;\r | |
59 | border-radius: 3px;\r | |
60 | text-align: center;\r | |
61 | opacity: 0.95;\r | |
62 | filter: alpha(opacity = 95);\r | |
63 | box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);\r | |
64 | \r | |
65 | -webkit-animation: fadeIn 0.7s;\r | |
66 | animation: fadeIn 0.7s;\r | |
67 | }\r | |
68 | \r | |
69 | .cke_notification_message a\r | |
70 | {\r | |
71 | color: #12306F;\r | |
72 | }\r | |
73 | \r | |
74 | @-webkit-keyframes fadeIn\r | |
75 | {\r | |
76 | from { opacity: 0.4; }\r | |
77 | to { opacity: 0.95; }\r | |
78 | }\r | |
79 | \r | |
80 | @keyframes fadeIn\r | |
81 | {\r | |
82 | from { opacity: 0.4; }\r | |
83 | to { opacity: 0.95; }\r | |
84 | }\r | |
85 | \r | |
86 | .cke_notification_success\r | |
87 | {\r | |
88 | background: #72B572;\r | |
89 | border: 1px solid #63A563;\r | |
90 | }\r | |
91 | \r | |
92 | .cke_notification_warning\r | |
93 | {\r | |
94 | background: #C83939;\r | |
95 | border: 1px solid #902B2B;\r | |
96 | }\r | |
97 | \r | |
98 | .cke_notification_info\r | |
99 | {\r | |
100 | background: #2E9AD0;\r | |
101 | border: 1px solid #0F74A8;\r | |
102 | }\r | |
103 | \r | |
104 | .cke_notification_info span.cke_notification_progress\r | |
105 | {\r | |
106 | background-color: #0F74A8;\r | |
107 | display: block;\r | |
108 | padding: 0;\r | |
109 | margin: 0;\r | |
110 | height: 100%;\r | |
111 | overflow: hidden;\r | |
112 | position: absolute;\r | |
113 | z-index: 1;\r | |
114 | }\r | |
115 | \r | |
116 | .cke_notification_message\r | |
117 | {\r | |
118 | position: relative;\r | |
119 | margin: 4px 23px 3px;\r | |
120 | font-family: Arial, Helvetica, sans-serif;\r | |
121 | font-size: 12px;\r | |
122 | line-height: 18px;\r | |
123 | z-index: 4;\r | |
124 | text-overflow: ellipsis;\r | |
125 | overflow: hidden;\r | |
126 | }\r | |
127 | \r | |
128 | .cke_notification_close\r | |
129 | {\r | |
130 | background-image: url(images/close.png);\r | |
131 | background-repeat: no-repeat;\r | |
132 | background-position: 50%;\r | |
133 | position: absolute;\r | |
134 | cursor: pointer;\r | |
135 | text-align: center;\r | |
136 | height: 20px;\r | |
137 | width: 20px;\r | |
138 | top: 1px;\r | |
139 | right: 1px;\r | |
140 | padding: 0;\r | |
141 | margin: 0;\r | |
142 | z-index: 5;\r | |
143 | opacity: 0.6;\r | |
144 | filter: alpha(opacity = 60);\r | |
145 | }\r | |
146 | \r | |
147 | .cke_notification_close:hover\r | |
148 | {\r | |
149 | opacity: 1;\r | |
150 | filter: alpha(opacity = 100);\r | |
151 | }\r | |
152 | \r | |
153 | .cke_notification_close span\r | |
154 | {\r | |
155 | display: none;\r | |
156 | }\r | |
157 | \r | |
158 | .cke_notification_warning a.cke_notification_close\r | |
159 | {\r | |
160 | opacity: 0.8;\r | |
161 | filter: alpha(opacity = 80);\r | |
162 | }\r | |
163 | \r | |
164 | .cke_notification_warning a.cke_notification_close:hover\r | |
165 | {\r | |
166 | opacity: 1;\r | |
167 | filter: alpha(opacity = 100);\r | |
168 | }\r |