1 | /* |
---|
2 | Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. |
---|
3 | For licensing, see LICENSE.md or http://ckeditor.com/license |
---|
4 | */ |
---|
5 | /* |
---|
6 | editor.css |
---|
7 | ============ |
---|
8 | This is he heart of the skin system. This is the file loaded by the editor to |
---|
9 | style all elements inside its main interface. |
---|
10 | To make it easier to maintain, instead of including all styles here, we import |
---|
11 | other 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 | -moz-box-sizing: content-box; |
---|
26 | -webkit-box-sizing: content-box; |
---|
27 | position: static; |
---|
28 | -webkit-transition: none; |
---|
29 | -moz-transition: none; |
---|
30 | -ms-transition: none; |
---|
31 | transition: none; |
---|
32 | } |
---|
33 | .cke_reset_all, .cke_reset_all * |
---|
34 | { |
---|
35 | margin: 0; |
---|
36 | padding: 0; |
---|
37 | border: 0; |
---|
38 | background: transparent; |
---|
39 | text-decoration: none; |
---|
40 | width: auto; |
---|
41 | height: auto; |
---|
42 | vertical-align: baseline; |
---|
43 | box-sizing: content-box; |
---|
44 | -moz-box-sizing: content-box; |
---|
45 | -webkit-box-sizing: content-box; |
---|
46 | position: static; |
---|
47 | -webkit-transition: none; |
---|
48 | -moz-transition: none; |
---|
49 | -ms-transition: none; |
---|
50 | transition: none; |
---|
51 | border-collapse: collapse; |
---|
52 | font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; |
---|
53 | color: #000; |
---|
54 | text-align: left; |
---|
55 | white-space: nowrap; |
---|
56 | cursor: auto; |
---|
57 | float: none; |
---|
58 | } |
---|
59 | .cke_reset_all .cke_rtl * |
---|
60 | { |
---|
61 | text-align: right; |
---|
62 | } |
---|
63 | .cke_reset_all iframe |
---|
64 | { |
---|
65 | vertical-align: inherit; } |
---|
66 | .cke_reset_all textarea |
---|
67 | { |
---|
68 | white-space: pre; |
---|
69 | } |
---|
70 | .cke_reset_all textarea, |
---|
71 | .cke_reset_all input[type="text"], |
---|
72 | .cke_reset_all input[type="password"] |
---|
73 | { |
---|
74 | cursor: text; |
---|
75 | } |
---|
76 | .cke_reset_all textarea[disabled], |
---|
77 | .cke_reset_all input[type="text"][disabled], |
---|
78 | .cke_reset_all input[type="password"][disabled] |
---|
79 | { |
---|
80 | cursor: default; |
---|
81 | } |
---|
82 | .cke_reset_all fieldset |
---|
83 | { |
---|
84 | padding: 10px; |
---|
85 | border: 2px groove #E0DFE3; |
---|
86 | } |
---|
87 | .cke_reset_all select |
---|
88 | { |
---|
89 | box-sizing: border-box; |
---|
90 | -moz-box-sizing: border-box; |
---|
91 | -webkit-box-sizing: border-box; |
---|
92 | } |
---|
93 | .cke_reset_all table |
---|
94 | { |
---|
95 | table-layout: auto; |
---|
96 | } |
---|
97 | /* Styles the main interface structure (holding box). */ |
---|
98 | .cke_chrome |
---|
99 | { |
---|
100 | display: block; |
---|
101 | border: 1px solid #b6b6b6; |
---|
102 | padding: 0; |
---|
103 | -moz-box-shadow: 0 0 3px rgba(0,0,0,.15); |
---|
104 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15); |
---|
105 | box-shadow: 0 0 3px rgba(0,0,0,.15); |
---|
106 | } |
---|
107 | .cke_inner |
---|
108 | { |
---|
109 | display: block; |
---|
110 | -webkit-touch-callout: none; |
---|
111 | background: #fff; |
---|
112 | padding: 0; |
---|
113 | } |
---|
114 | .cke_float |
---|
115 | { |
---|
116 | border: none; |
---|
117 | } |
---|
118 | .cke_float .cke_inner |
---|
119 | { |
---|
120 | padding-bottom: 0; |
---|
121 | } |
---|
122 | .cke_top, |
---|
123 | .cke_contents, |
---|
124 | .cke_bottom |
---|
125 | { |
---|
126 | display: block; |
---|
127 | overflow: hidden; |
---|
128 | } |
---|
129 | .cke_top |
---|
130 | { |
---|
131 | border-bottom: 1px solid #b6b6b6; |
---|
132 | padding: 6px 8px 2px; |
---|
133 | white-space: normal; |
---|
134 | -moz-box-shadow: 0 1px 0 #fff inset; |
---|
135 | -webkit-box-shadow: 0 1px 0 #fff inset; |
---|
136 | box-shadow: 0 1px 0 #fff inset; |
---|
137 | background: #cfd1cf; |
---|
138 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf)); |
---|
139 | background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
140 | background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
141 | background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
142 | background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
143 | background-image: linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
144 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); |
---|
145 | } |
---|
146 | .cke_float .cke_top |
---|
147 | { |
---|
148 | border: 1px solid #b6b6b6; |
---|
149 | border-bottom-color: #999; |
---|
150 | } |
---|
151 | .cke_bottom |
---|
152 | { |
---|
153 | padding: 6px 8px 2px; |
---|
154 | position: relative; |
---|
155 | border-top: 1px solid #bfbfbf; |
---|
156 | -moz-box-shadow: 0 1px 0 #fff inset; |
---|
157 | -webkit-box-shadow: 0 1px 0 #fff inset; |
---|
158 | box-shadow: 0 1px 0 #fff inset; |
---|
159 | background: #cfd1cf; |
---|
160 | background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cfd1cf)); |
---|
161 | background-image: -moz-linear-gradient(top, #ebebeb, #cfd1cf); |
---|
162 | background-image: -webkit-linear-gradient(top, #ebebeb, #cfd1cf); |
---|
163 | background-image: -o-linear-gradient(top, #ebebeb, #cfd1cf); |
---|
164 | background-image: -ms-linear-gradient(top, #ebebeb, #cfd1cf); |
---|
165 | background-image: linear-gradient(top, #ebebeb, #cfd1cf); |
---|
166 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf'); |
---|
167 | } |
---|
168 | .cke_browser_ios .cke_contents |
---|
169 | { |
---|
170 | overflow-y: auto; |
---|
171 | -webkit-overflow-scrolling: touch; |
---|
172 | } |
---|
173 | .cke_resizer |
---|
174 | { |
---|
175 | width: 0; |
---|
176 | height: 0; |
---|
177 | overflow: hidden; |
---|
178 | width: 0; |
---|
179 | height: 0; |
---|
180 | overflow: hidden; |
---|
181 | border-width: 10px 10px 0 0; |
---|
182 | border-color: transparent #666 transparent transparent; |
---|
183 | border-style: dashed solid dashed dashed; |
---|
184 | font-size: 0; |
---|
185 | vertical-align: bottom; |
---|
186 | margin-top: 6px; |
---|
187 | margin-bottom: 2px; |
---|
188 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3); |
---|
189 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3); |
---|
190 | box-shadow: 0 1px 0 rgba(255,255,255,.3); |
---|
191 | } |
---|
192 | .cke_hc .cke_resizer |
---|
193 | { |
---|
194 | font-size: 15px; |
---|
195 | width: auto; |
---|
196 | height: auto; |
---|
197 | border-width: 0; |
---|
198 | } |
---|
199 | .cke_resizer_ltr |
---|
200 | { |
---|
201 | cursor: se-resize; |
---|
202 | float: right; |
---|
203 | margin-right: -4px; |
---|
204 | } |
---|
205 | .cke_resizer_rtl |
---|
206 | { |
---|
207 | border-width: 10px 0 0 10px; |
---|
208 | border-color: transparent transparent transparent #A5A5A5; |
---|
209 | border-style: dashed dashed dashed solid; |
---|
210 | cursor: sw-resize; |
---|
211 | float: left; |
---|
212 | margin-left: -4px; |
---|
213 | right: auto; |
---|
214 | } |
---|
215 | .cke_wysiwyg_div |
---|
216 | { |
---|
217 | display: block; |
---|
218 | height: 100%; |
---|
219 | overflow: auto; |
---|
220 | padding: 0 8px; |
---|
221 | outline-style: none; |
---|
222 | -moz-box-sizing: border-box; |
---|
223 | -webkit-box-sizing: border-box; |
---|
224 | box-sizing: border-box; |
---|
225 | } |
---|
226 | /* Styles all "panels", which are the floating elements that appear when |
---|
227 | opening toolbar combos, menu buttons, context menus, etc. */ |
---|
228 | .cke_panel |
---|
229 | { |
---|
230 | visibility: visible; |
---|
231 | width: 120px; |
---|
232 | height: 100px; |
---|
233 | overflow: hidden; |
---|
234 | background-color: #fff; |
---|
235 | border: 1px solid #b6b6b6; |
---|
236 | border-bottom-color: #999; |
---|
237 | -moz-border-radius: 3px; |
---|
238 | -webkit-border-radius: 3px; |
---|
239 | border-radius: 3px; |
---|
240 | -moz-box-shadow: 0 0 3px rgba(0,0,0,.15); |
---|
241 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15); |
---|
242 | box-shadow: 0 0 3px rgba(0,0,0,.15); |
---|
243 | } |
---|
244 | .cke_menu_panel |
---|
245 | { |
---|
246 | padding: 0; |
---|
247 | margin: 0; |
---|
248 | } |
---|
249 | .cke_combopanel |
---|
250 | { |
---|
251 | width: 150px; |
---|
252 | height: 170px; |
---|
253 | } |
---|
254 | .cke_panel_frame |
---|
255 | { |
---|
256 | width: 100%; |
---|
257 | height: 100%; |
---|
258 | font-size: 12px; |
---|
259 | overflow: auto; |
---|
260 | overflow-x: hidden; |
---|
261 | } |
---|
262 | .cke_panel_container |
---|
263 | { |
---|
264 | overflow-y: auto; |
---|
265 | overflow-x: hidden; |
---|
266 | } |
---|
267 | .cke_panel_list |
---|
268 | { |
---|
269 | list-style-type: none; |
---|
270 | margin: 3px; |
---|
271 | padding: 0; |
---|
272 | white-space: nowrap; |
---|
273 | } |
---|
274 | .cke_panel_listItem |
---|
275 | { |
---|
276 | margin: 0; |
---|
277 | padding-bottom: 1px; |
---|
278 | } |
---|
279 | .cke_panel_listItem a |
---|
280 | { |
---|
281 | padding: 3px 4px; |
---|
282 | display: block; |
---|
283 | border: 1px solid #fff; |
---|
284 | color: inherit !important; |
---|
285 | text-decoration: none; |
---|
286 | overflow: hidden; |
---|
287 | text-overflow: ellipsis; |
---|
288 | -moz-border-radius: 2px; |
---|
289 | -webkit-border-radius: 2px; |
---|
290 | border-radius: 2px; |
---|
291 | } |
---|
292 | * html .cke_panel_listItem a |
---|
293 | { |
---|
294 | width : 100%; |
---|
295 | color: #000; |
---|
296 | } |
---|
297 | *:first-child+html .cke_panel_listItem a |
---|
298 | { |
---|
299 | color: #000; |
---|
300 | } |
---|
301 | .cke_panel_listItem.cke_selected a |
---|
302 | { |
---|
303 | border: 1px solid #dedede; |
---|
304 | background-color: #f2f2f2; |
---|
305 | -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
306 | -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
307 | box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
308 | } |
---|
309 | .cke_panel_listItem a:hover, |
---|
310 | .cke_panel_listItem a:focus, |
---|
311 | .cke_panel_listItem a:active |
---|
312 | { |
---|
313 | border-color: #dedede; |
---|
314 | background-color: #f2f2f2; |
---|
315 | -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
316 | -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
317 | box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
318 | } |
---|
319 | .cke_hc .cke_panel_listItem a |
---|
320 | { |
---|
321 | border-style: none; |
---|
322 | } |
---|
323 | .cke_hc .cke_panel_listItem a:hover, |
---|
324 | .cke_hc .cke_panel_listItem a:focus, |
---|
325 | .cke_hc .cke_panel_listItem a:active |
---|
326 | { |
---|
327 | border: 2px solid; |
---|
328 | padding: 1px 2px; |
---|
329 | } |
---|
330 | .cke_panel_grouptitle |
---|
331 | { |
---|
332 | cursor: default; |
---|
333 | font-size: 11px; |
---|
334 | font-weight: bold; |
---|
335 | white-space: nowrap; |
---|
336 | margin: 0; |
---|
337 | padding: 4px 6px; |
---|
338 | color: #474747; |
---|
339 | text-shadow: 0 1px 0 rgba(255,255,255,.75); |
---|
340 | border-bottom: 1px solid #b6b6b6; |
---|
341 | -moz-border-radius: 2px 2px 0 0; |
---|
342 | -webkit-border-radius: 2px 2px 0 0; |
---|
343 | border-radius: 2px 2px 0 0; |
---|
344 | -moz-box-shadow: 0 1px 0 #fff inset; |
---|
345 | -webkit-box-shadow: 0 1px 0 #fff inset; |
---|
346 | box-shadow: 0 1px 0 #fff inset; |
---|
347 | background: #cfd1cf; |
---|
348 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf)); |
---|
349 | background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
350 | background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
351 | background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
352 | background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
353 | background-image: linear-gradient(top, #f5f5f5, #cfd1cf); |
---|
354 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); |
---|
355 | } |
---|
356 | .cke_panel_listItem p, |
---|
357 | .cke_panel_listItem h1, |
---|
358 | .cke_panel_listItem h2, |
---|
359 | .cke_panel_listItem h3, |
---|
360 | .cke_panel_listItem h4, |
---|
361 | .cke_panel_listItem h5, |
---|
362 | .cke_panel_listItem h6, |
---|
363 | .cke_panel_listItem pre |
---|
364 | { |
---|
365 | margin-top: 0px; |
---|
366 | margin-bottom: 0px; |
---|
367 | } |
---|
368 | /* Styles the color panel displayed by the color buttons. */ |
---|
369 | .cke_colorblock |
---|
370 | { |
---|
371 | padding: 3px; |
---|
372 | font-size: 11px; |
---|
373 | font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; |
---|
374 | } |
---|
375 | .cke_colorblock, |
---|
376 | .cke_colorblock a |
---|
377 | { |
---|
378 | text-decoration: none; |
---|
379 | color: #000; |
---|
380 | } |
---|
381 | span.cke_colorbox |
---|
382 | { |
---|
383 | width: 10px; |
---|
384 | height: 10px; |
---|
385 | border: #808080 1px solid; |
---|
386 | float: left; |
---|
387 | } |
---|
388 | .cke_rtl span.cke_colorbox |
---|
389 | { |
---|
390 | float: right; |
---|
391 | } |
---|
392 | a.cke_colorbox |
---|
393 | { |
---|
394 | border: #fff 1px solid; |
---|
395 | padding: 2px; |
---|
396 | float: left; |
---|
397 | width: 12px; |
---|
398 | height: 12px; |
---|
399 | } |
---|
400 | .cke_rtl a.cke_colorbox |
---|
401 | { |
---|
402 | float: right; |
---|
403 | } |
---|
404 | a:hover.cke_colorbox, |
---|
405 | a:focus.cke_colorbox, |
---|
406 | a:active.cke_colorbox |
---|
407 | { |
---|
408 | border: #b6b6b6 1px solid; |
---|
409 | background-color: #e5e5e5; |
---|
410 | } |
---|
411 | a.cke_colorauto, |
---|
412 | a.cke_colormore |
---|
413 | { |
---|
414 | border: #fff 1px solid; |
---|
415 | padding: 2px; |
---|
416 | display: block; |
---|
417 | cursor: pointer; |
---|
418 | } |
---|
419 | a:hover.cke_colorauto, |
---|
420 | a:hover.cke_colormore, |
---|
421 | a:focus.cke_colorauto, |
---|
422 | a:focus.cke_colormore, |
---|
423 | a:active.cke_colorauto, |
---|
424 | a:active.cke_colormore |
---|
425 | { |
---|
426 | border: #b6b6b6 1px solid; |
---|
427 | background-color: #e5e5e5; |
---|
428 | } |
---|
429 | /* Styles to toolbar. */ |
---|
430 | .cke_toolbar |
---|
431 | { |
---|
432 | float: left; |
---|
433 | } |
---|
434 | .cke_rtl .cke_toolbar |
---|
435 | { |
---|
436 | float: right; |
---|
437 | } |
---|
438 | .cke_toolgroup |
---|
439 | { |
---|
440 | float: left; |
---|
441 | margin: 0 6px 5px 0; |
---|
442 | border: 1px solid #a6a6a6; |
---|
443 | border-bottom-color: #979797; |
---|
444 | -moz-border-radius: 3px; |
---|
445 | -webkit-border-radius: 3px; |
---|
446 | border-radius: 3px; |
---|
447 | -moz-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; |
---|
448 | -webkit-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; |
---|
449 | 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; |
---|
450 | background: #e4e4e4; |
---|
451 | background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4)); |
---|
452 | background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4); |
---|
453 | background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4); |
---|
454 | background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); |
---|
455 | background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); |
---|
456 | background-image: linear-gradient(top, #ffffff, #e4e4e4); |
---|
457 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); |
---|
458 | } |
---|
459 | .cke_hc .cke_toolgroup |
---|
460 | { |
---|
461 | border: 0; |
---|
462 | margin-right: 10px; |
---|
463 | margin-bottom: 10px; |
---|
464 | } |
---|
465 | .cke_rtl .cke_toolgroup |
---|
466 | { |
---|
467 | float: right; |
---|
468 | margin-left: 6px; |
---|
469 | margin-right: 0; |
---|
470 | } |
---|
471 | a.cke_button |
---|
472 | { |
---|
473 | display: inline-block; |
---|
474 | height: 18px; |
---|
475 | padding: 4px 6px; |
---|
476 | outline: none; |
---|
477 | cursor: default; |
---|
478 | float: left; |
---|
479 | border: 0; |
---|
480 | } |
---|
481 | .cke_ltr .cke_button:last-child, |
---|
482 | .cke_rtl .cke_button:first-child |
---|
483 | { |
---|
484 | -moz-border-radius: 0 2px 2px 0; |
---|
485 | -webkit-border-radius: 0 2px 2px 0; |
---|
486 | border-radius: 0 2px 2px 0; |
---|
487 | } |
---|
488 | .cke_ltr .cke_button:first-child, |
---|
489 | .cke_rtl .cke_button:last-child |
---|
490 | { |
---|
491 | -moz-border-radius: 2px 0 0 2px; |
---|
492 | -webkit-border-radius: 2px 0 0 2px; |
---|
493 | border-radius: 2px 0 0 2px; |
---|
494 | } |
---|
495 | .cke_rtl .cke_button |
---|
496 | { |
---|
497 | float: right; |
---|
498 | } |
---|
499 | .cke_hc .cke_button |
---|
500 | { |
---|
501 | border: 1px solid black; |
---|
502 | padding: 3px 5px; |
---|
503 | margin: -2px 4px 0 -2px; |
---|
504 | } |
---|
505 | .cke_button_on |
---|
506 | { |
---|
507 | -moz-box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
508 | -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
509 | box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
510 | background: #b5b5b5; |
---|
511 | background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#cacaca)); |
---|
512 | background-image: -moz-linear-gradient(top, #aaa, #cacaca); |
---|
513 | background-image: -webkit-linear-gradient(top, #aaa, #cacaca); |
---|
514 | background-image: -o-linear-gradient(top, #aaa, #cacaca); |
---|
515 | background-image: -ms-linear-gradient(top, #aaa, #cacaca); |
---|
516 | background-image: linear-gradient(top, #aaa, #cacaca); |
---|
517 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca'); |
---|
518 | } |
---|
519 | .cke_hc .cke_button_on, |
---|
520 | .cke_hc a.cke_button_off:hover, |
---|
521 | .cke_hc a.cke_button_off:focus, |
---|
522 | .cke_hc a.cke_button_off:active, |
---|
523 | .cke_hc a.cke_button_disabled:hover, |
---|
524 | .cke_hc a.cke_button_disabled:focus, |
---|
525 | .cke_hc a.cke_button_disabled:active |
---|
526 | { |
---|
527 | border-width: 3px; |
---|
528 | padding: 1px 3px; |
---|
529 | } |
---|
530 | .cke_button_disabled .cke_button_icon |
---|
531 | { |
---|
532 | opacity: 0.3; |
---|
533 | } |
---|
534 | .cke_hc .cke_button_disabled |
---|
535 | { |
---|
536 | opacity: 0.5; |
---|
537 | } |
---|
538 | a.cke_button_on:hover, |
---|
539 | a.cke_button_on:focus, |
---|
540 | a.cke_button_on:active |
---|
541 | { |
---|
542 | -moz-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
543 | -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
544 | box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
545 | } |
---|
546 | a.cke_button_off:hover, |
---|
547 | a.cke_button_off:focus, |
---|
548 | a.cke_button_off:active, |
---|
549 | a.cke_button_disabled:hover, |
---|
550 | a.cke_button_disabled:focus, |
---|
551 | a.cke_button_disabled:active |
---|
552 | { |
---|
553 | -moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset; |
---|
554 | -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset; |
---|
555 | box-shadow: 0 0 1px rgba(0,0,0,.3) inset; |
---|
556 | background: #ccc; |
---|
557 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); |
---|
558 | background-image: -moz-linear-gradient(top, #f2f2f2, #ccc); |
---|
559 | background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc); |
---|
560 | background-image: -o-linear-gradient(top, #f2f2f2, #ccc); |
---|
561 | background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); |
---|
562 | background-image: linear-gradient(top, #f2f2f2, #ccc); |
---|
563 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); |
---|
564 | } |
---|
565 | .cke_button_icon |
---|
566 | { |
---|
567 | cursor: inherit; |
---|
568 | background-repeat: no-repeat; |
---|
569 | margin-top: 1px; |
---|
570 | width: 16px; |
---|
571 | height: 16px; |
---|
572 | float: left; |
---|
573 | display: inline-block; |
---|
574 | } |
---|
575 | .cke_rtl .cke_button_icon |
---|
576 | { |
---|
577 | float: right; |
---|
578 | } |
---|
579 | .cke_hc .cke_button_icon |
---|
580 | { |
---|
581 | display: none; |
---|
582 | } |
---|
583 | .cke_button_label |
---|
584 | { |
---|
585 | display: none; |
---|
586 | padding-left: 3px; |
---|
587 | margin-top: 1px; |
---|
588 | line-height: 17px; |
---|
589 | vertical-align: middle; |
---|
590 | float: left; |
---|
591 | cursor: default; |
---|
592 | color: #474747; |
---|
593 | text-shadow: 0 1px 0 rgba(255,255,255,.5); |
---|
594 | } |
---|
595 | .cke_rtl .cke_button_label |
---|
596 | { |
---|
597 | padding-right: 3px; |
---|
598 | padding-left: 0; |
---|
599 | float: right; |
---|
600 | } |
---|
601 | .cke_hc .cke_button_label |
---|
602 | { |
---|
603 | padding: 0; |
---|
604 | display: inline-block; |
---|
605 | font-size: 12px; |
---|
606 | } |
---|
607 | .cke_button_arrow |
---|
608 | { |
---|
609 | display: inline-block; |
---|
610 | margin: 8px 0 0 1px; |
---|
611 | width: 0; |
---|
612 | height: 0; |
---|
613 | cursor: default; |
---|
614 | vertical-align: top; |
---|
615 | border-left: 3px solid transparent; |
---|
616 | border-right: 3px solid transparent; |
---|
617 | border-top: 3px solid #474747; |
---|
618 | } |
---|
619 | .cke_rtl .cke_button_arrow |
---|
620 | { |
---|
621 | margin-right: 5px; |
---|
622 | margin-left: 0; |
---|
623 | } |
---|
624 | .cke_hc .cke_button_arrow |
---|
625 | { |
---|
626 | font-size: 10px; |
---|
627 | margin: 3px -2px 0 3px; |
---|
628 | width: auto; |
---|
629 | border: 0; |
---|
630 | } |
---|
631 | .cke_toolbar_separator |
---|
632 | { |
---|
633 | float: left; |
---|
634 | background-color: #c0c0c0; |
---|
635 | background-color: rgba(0,0,0,.2); |
---|
636 | margin: 5px 2px 0; |
---|
637 | height: 18px; |
---|
638 | width: 1px; |
---|
639 | -webkit-box-shadow: 1px 0 1px rgba(255,255,255,.5); |
---|
640 | -moz-box-shadow: 1px 0 1px rgba(255,255,255,.5); |
---|
641 | box-shadow: 1px 0 1px rgba(255,255,255,.5); |
---|
642 | } |
---|
643 | .cke_rtl .cke_toolbar_separator |
---|
644 | { |
---|
645 | float: right; |
---|
646 | -webkit-box-shadow: -1px 0 1px rgba(255,255,255,.1); |
---|
647 | -moz-box-shadow: -1px 0 1px rgba(255,255,255,.1); |
---|
648 | box-shadow: -1px 0 1px rgba(255,255,255,.1); |
---|
649 | } |
---|
650 | .cke_hc .cke_toolbar_separator |
---|
651 | { |
---|
652 | width: 0; |
---|
653 | border-left: 1px solid; |
---|
654 | margin: 1px 5px 0 0px; |
---|
655 | } |
---|
656 | .cke_toolbar_break |
---|
657 | { |
---|
658 | display: block; |
---|
659 | clear: left; |
---|
660 | } |
---|
661 | .cke_rtl .cke_toolbar_break |
---|
662 | { |
---|
663 | clear: right; |
---|
664 | } |
---|
665 | .cke_toolbox_collapser |
---|
666 | { |
---|
667 | width: 12px; |
---|
668 | height: 11px; |
---|
669 | float: right; |
---|
670 | margin: 11px 0 0; |
---|
671 | font-size: 0; |
---|
672 | cursor: default; |
---|
673 | text-align: center; |
---|
674 | border: 1px solid #a6a6a6; |
---|
675 | border-bottom-color: #979797; |
---|
676 | -moz-border-radius: 3px; |
---|
677 | -webkit-border-radius: 3px; |
---|
678 | border-radius: 3px; |
---|
679 | -moz-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; |
---|
680 | -webkit-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; |
---|
681 | 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; |
---|
682 | background: #e4e4e4; |
---|
683 | background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4)); |
---|
684 | background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4); |
---|
685 | background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4); |
---|
686 | background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); |
---|
687 | background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); |
---|
688 | background-image: linear-gradient(top, #ffffff, #e4e4e4); |
---|
689 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); |
---|
690 | } |
---|
691 | .cke_toolbox_collapser:hover |
---|
692 | { |
---|
693 | background: #ccc; |
---|
694 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); |
---|
695 | background-image: -moz-linear-gradient(top, #f2f2f2, #ccc); |
---|
696 | background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc); |
---|
697 | background-image: -o-linear-gradient(top, #f2f2f2, #ccc); |
---|
698 | background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); |
---|
699 | background-image: linear-gradient(top, #f2f2f2, #ccc); |
---|
700 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); |
---|
701 | } |
---|
702 | .cke_toolbox_collapser.cke_toolbox_collapser_min |
---|
703 | { |
---|
704 | margin: 0 2px 4px; |
---|
705 | } |
---|
706 | .cke_rtl .cke_toolbox_collapser |
---|
707 | { |
---|
708 | float: left; |
---|
709 | } |
---|
710 | .cke_toolbox_collapser .cke_arrow |
---|
711 | { |
---|
712 | display: inline-block; |
---|
713 | height: 0; |
---|
714 | width: 0; |
---|
715 | font-size: 0; |
---|
716 | margin-top: 1px; |
---|
717 | border-left: 3px solid transparent; |
---|
718 | border-right: 3px solid transparent; |
---|
719 | border-bottom: 3px solid #474747; |
---|
720 | border-top: 3px solid transparent; |
---|
721 | } |
---|
722 | .cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow |
---|
723 | { |
---|
724 | margin-top: 4px; |
---|
725 | border-bottom-color: transparent; |
---|
726 | border-top-color: #474747; |
---|
727 | } |
---|
728 | .cke_hc .cke_toolbox_collapser .cke_arrow |
---|
729 | { |
---|
730 | font-size: 8px; |
---|
731 | width: auto; |
---|
732 | border: 0; |
---|
733 | margin-top: 0; |
---|
734 | margin-right: 2px; |
---|
735 | } |
---|
736 | /* Styles menus, which are lists of selectable items (context menu, menu button). */ |
---|
737 | .cke_menubutton |
---|
738 | { |
---|
739 | display: block; |
---|
740 | } |
---|
741 | .cke_menuitem span |
---|
742 | { |
---|
743 | cursor: default; |
---|
744 | } |
---|
745 | .cke_menubutton:hover, |
---|
746 | .cke_menubutton:focus, |
---|
747 | .cke_menubutton:active |
---|
748 | { |
---|
749 | background-color: #D3D3D3; |
---|
750 | display: block; |
---|
751 | } |
---|
752 | .cke_hc .cke_menubutton |
---|
753 | { |
---|
754 | padding: 2px; |
---|
755 | } |
---|
756 | .cke_hc .cke_menubutton:hover, |
---|
757 | .cke_hc .cke_menubutton:focus, |
---|
758 | .cke_hc .cke_menubutton:active |
---|
759 | { |
---|
760 | border: 2px solid; |
---|
761 | padding: 0; |
---|
762 | } |
---|
763 | .cke_menubutton_inner { |
---|
764 | display: table-row; |
---|
765 | } |
---|
766 | .cke_menubutton_icon, |
---|
767 | .cke_menubutton_label, |
---|
768 | .cke_menuarrow { |
---|
769 | display: table-cell; |
---|
770 | } |
---|
771 | .cke_menubutton_icon |
---|
772 | { |
---|
773 | background-color: #D7D8D7; |
---|
774 | opacity: 0.70; filter: alpha(opacity=70); padding: 4px; |
---|
775 | } |
---|
776 | .cke_hc .cke_menubutton_icon |
---|
777 | { |
---|
778 | height: 16px; |
---|
779 | width: 0; |
---|
780 | padding: 4px 0; |
---|
781 | } |
---|
782 | .cke_menubutton:hover .cke_menubutton_icon, |
---|
783 | .cke_menubutton:focus .cke_menubutton_icon, |
---|
784 | .cke_menubutton:active .cke_menubutton_icon |
---|
785 | { |
---|
786 | background-color: #D0D2D0; |
---|
787 | } |
---|
788 | .cke_menubutton_disabled:hover .cke_menubutton_icon, |
---|
789 | .cke_menubutton_disabled:focus .cke_menubutton_icon, |
---|
790 | .cke_menubutton_disabled:active .cke_menubutton_icon |
---|
791 | { |
---|
792 | opacity: 0.3; |
---|
793 | filter: alpha(opacity=30); |
---|
794 | } |
---|
795 | .cke_menubutton_label |
---|
796 | { |
---|
797 | padding: 0 5px; |
---|
798 | background-color: transparent; |
---|
799 | width: 100%; |
---|
800 | vertical-align: middle; |
---|
801 | } |
---|
802 | .cke_menubutton_disabled .cke_menubutton_label |
---|
803 | { |
---|
804 | opacity: 0.3; |
---|
805 | filter: alpha(opacity=30); |
---|
806 | } |
---|
807 | .cke_menubutton_on |
---|
808 | { |
---|
809 | border: 1px solid #dedede; |
---|
810 | background-color: #f2f2f2; |
---|
811 | -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
812 | -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
813 | box-shadow: 0 0 2px rgba(0,0,0,.1) inset; |
---|
814 | } |
---|
815 | .cke_menubutton_on .cke_menubutton_icon |
---|
816 | { |
---|
817 | padding-right: 3px; |
---|
818 | } |
---|
819 | .cke_menubutton:hover, |
---|
820 | .cke_menubutton:focus, |
---|
821 | .cke_menubutton:active |
---|
822 | { |
---|
823 | background-color: #EFF0EF; |
---|
824 | } |
---|
825 | .cke_panel_frame .cke_menubutton_label |
---|
826 | { |
---|
827 | display: none; |
---|
828 | } |
---|
829 | .cke_menuseparator |
---|
830 | { |
---|
831 | background-color: #D3D3D3; |
---|
832 | height: 1px; |
---|
833 | filter: alpha(opacity=70); opacity: 0.70; } |
---|
834 | .cke_menuarrow |
---|
835 | { |
---|
836 | background-image: url(images/arrow.png); |
---|
837 | background-position: 0 10px; |
---|
838 | background-repeat: no-repeat; |
---|
839 | padding: 0 5px; |
---|
840 | } |
---|
841 | .cke_rtl .cke_menuarrow |
---|
842 | { |
---|
843 | background-position: 5px -13px; |
---|
844 | background-repeat: no-repeat; |
---|
845 | } |
---|
846 | .cke_menuarrow span |
---|
847 | { |
---|
848 | display: none; |
---|
849 | } |
---|
850 | .cke_hc .cke_menuarrow span |
---|
851 | { |
---|
852 | vertical-align: middle; |
---|
853 | display: inline; |
---|
854 | } |
---|
855 | /* Styles toolbar combos. */ |
---|
856 | .cke_combo |
---|
857 | { |
---|
858 | display: inline-block; |
---|
859 | float: left; |
---|
860 | } |
---|
861 | .cke_rtl .cke_combo |
---|
862 | { |
---|
863 | float: right; |
---|
864 | } |
---|
865 | .cke_hc .cke_combo |
---|
866 | { |
---|
867 | margin-top: -2px; |
---|
868 | } |
---|
869 | .cke_combo_label |
---|
870 | { |
---|
871 | display: none; |
---|
872 | float: left; |
---|
873 | line-height: 26px; |
---|
874 | vertical-align: top; |
---|
875 | margin-right: 5px; |
---|
876 | } |
---|
877 | .cke_rtl .cke_combo_label |
---|
878 | { |
---|
879 | float: right; |
---|
880 | margin-left: 5px; |
---|
881 | margin-right: 0; |
---|
882 | } |
---|
883 | .cke_combo_button |
---|
884 | { |
---|
885 | cursor: default; |
---|
886 | display: inline-block; |
---|
887 | float: left; |
---|
888 | margin: 0 6px 5px 0; |
---|
889 | border: 1px solid #a6a6a6; |
---|
890 | border-bottom-color: #979797; |
---|
891 | -moz-border-radius: 3px; |
---|
892 | -webkit-border-radius: 3px; |
---|
893 | border-radius: 3px; |
---|
894 | -moz-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; |
---|
895 | -webkit-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; |
---|
896 | 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; |
---|
897 | background: #e4e4e4; |
---|
898 | background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4)); |
---|
899 | background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4); |
---|
900 | background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4); |
---|
901 | background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); |
---|
902 | background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); |
---|
903 | background-image: linear-gradient(top, #ffffff, #e4e4e4); |
---|
904 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); |
---|
905 | } |
---|
906 | .cke_combo_off a.cke_combo_button:hover, |
---|
907 | .cke_combo_off a.cke_combo_button:focus |
---|
908 | { |
---|
909 | background: #ccc; |
---|
910 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); |
---|
911 | background-image: -moz-linear-gradient(top, #f2f2f2, #ccc); |
---|
912 | background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc); |
---|
913 | background-image: -o-linear-gradient(top, #f2f2f2, #ccc); |
---|
914 | background-image: -ms-linear-gradient(top, #f2f2f2, #ccc); |
---|
915 | background-image: linear-gradient(top, #f2f2f2, #ccc); |
---|
916 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); |
---|
917 | outline: none; |
---|
918 | } |
---|
919 | .cke_combo_off a.cke_combo_button:active, |
---|
920 | .cke_combo_on a.cke_combo_button |
---|
921 | { |
---|
922 | border: 1px solid #777; |
---|
923 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset; |
---|
924 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset; |
---|
925 | box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.6) inset; |
---|
926 | background: #b5b5b5; |
---|
927 | background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#cacaca)); |
---|
928 | background-image: -moz-linear-gradient(top, #aaa, #cacaca); |
---|
929 | background-image: -webkit-linear-gradient(top, #aaa, #cacaca); |
---|
930 | background-image: -o-linear-gradient(top, #aaa, #cacaca); |
---|
931 | background-image: -ms-linear-gradient(top, #aaa, #cacaca); |
---|
932 | background-image: linear-gradient(top, #aaa, #cacaca); |
---|
933 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca'); |
---|
934 | } |
---|
935 | .cke_combo_on a.cke_combo_button:hover, |
---|
936 | .cke_combo_on a.cke_combo_button:focus, |
---|
937 | .cke_combo_on a.cke_combo_button:active |
---|
938 | { |
---|
939 | -moz-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
940 | -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
941 | box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2); |
---|
942 | } |
---|
943 | .cke_rtl .cke_combo_button |
---|
944 | { |
---|
945 | float: right; |
---|
946 | margin-left: 5px; |
---|
947 | margin-right: 0; |
---|
948 | } |
---|
949 | .cke_hc a.cke_combo_button |
---|
950 | { |
---|
951 | padding: 3px; |
---|
952 | } |
---|
953 | .cke_hc .cke_combo_on a.cke_combo_button, |
---|
954 | .cke_hc .cke_combo_off a.cke_combo_button:hover, |
---|
955 | .cke_hc .cke_combo_off a.cke_combo_button:focus, |
---|
956 | .cke_hc .cke_combo_off a.cke_combo_button:active |
---|
957 | { |
---|
958 | border-width: 3px; |
---|
959 | padding: 1px; |
---|
960 | } |
---|
961 | .cke_combo_text |
---|
962 | { |
---|
963 | line-height: 26px; |
---|
964 | padding-left: 10px; |
---|
965 | text-overflow: ellipsis; |
---|
966 | overflow: hidden; |
---|
967 | float: left; |
---|
968 | cursor: default; |
---|
969 | color: #474747; |
---|
970 | text-shadow: 0 1px 0 rgba(255,255,255,.5); |
---|
971 | width: 60px; |
---|
972 | } |
---|
973 | .cke_rtl .cke_combo_text |
---|
974 | { |
---|
975 | float: right; |
---|
976 | text-align: right; |
---|
977 | padding-left: 0; |
---|
978 | padding-right: 10px; |
---|
979 | } |
---|
980 | .cke_hc .cke_combo_text |
---|
981 | { |
---|
982 | line-height: 18px; |
---|
983 | font-size: 12px; |
---|
984 | } |
---|
985 | .cke_combo_open |
---|
986 | { |
---|
987 | cursor: default; |
---|
988 | display: inline-block; |
---|
989 | font-size: 0; |
---|
990 | height: 19px; |
---|
991 | line-height: 17px; |
---|
992 | margin: 1px 7px 1px; |
---|
993 | width: 5px; |
---|
994 | } |
---|
995 | .cke_hc .cke_combo_open |
---|
996 | { |
---|
997 | height: 12px; |
---|
998 | } |
---|
999 | .cke_combo_arrow |
---|
1000 | { |
---|
1001 | cursor: default; |
---|
1002 | margin: 11px 0 0; |
---|
1003 | float: left; |
---|
1004 | height: 0; |
---|
1005 | width: 0; |
---|
1006 | font-size: 0; |
---|
1007 | border-left: 3px solid transparent; |
---|
1008 | border-right: 3px solid transparent; |
---|
1009 | border-top: 3px solid #474747; |
---|
1010 | } |
---|
1011 | .cke_hc .cke_combo_arrow |
---|
1012 | { |
---|
1013 | font-size: 10px; |
---|
1014 | width: auto; |
---|
1015 | border: 0; |
---|
1016 | margin-top: 3px; |
---|
1017 | } |
---|
1018 | .cke_combo_disabled .cke_combo_inlinelabel, |
---|
1019 | .cke_combo_disabled .cke_combo_open |
---|
1020 | { |
---|
1021 | opacity: 0.3; |
---|
1022 | } |
---|
1023 | /* Styles the elements path bar, available at the bottom of the editor UI.*/ |
---|
1024 | .cke_path |
---|
1025 | { |
---|
1026 | float: left; |
---|
1027 | margin: -2px 0 2px; |
---|
1028 | } |
---|
1029 | .cke_path_item, |
---|
1030 | .cke_path_empty |
---|
1031 | { |
---|
1032 | display: inline-block; |
---|
1033 | float: left; |
---|
1034 | padding: 3px 4px; |
---|
1035 | margin-right: 2px; |
---|
1036 | cursor: default; |
---|
1037 | text-decoration: none; |
---|
1038 | outline: 0; |
---|
1039 | border: 0; |
---|
1040 | color: #4c4c4c; |
---|
1041 | text-shadow: 0 1px 0 #fff; |
---|
1042 | font-weight: bold; |
---|
1043 | font-size: 11px; |
---|
1044 | } |
---|
1045 | .cke_rtl .cke_path, |
---|
1046 | .cke_rtl .cke_path_item, |
---|
1047 | .cke_rtl .cke_path_empty |
---|
1048 | { |
---|
1049 | float: right; |
---|
1050 | } |
---|
1051 | a.cke_path_item:hover, |
---|
1052 | a.cke_path_item:focus, |
---|
1053 | a.cke_path_item:active |
---|
1054 | { |
---|
1055 | background-color: #bfbfbf; |
---|
1056 | color: #333; |
---|
1057 | text-shadow: 0 1px 0 rgba(255,255,255,.5); |
---|
1058 | -moz-border-radius: 2px; |
---|
1059 | -webkit-border-radius: 2px; |
---|
1060 | border-radius: 2px; |
---|
1061 | -moz-box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5); |
---|
1062 | -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5); |
---|
1063 | box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5); |
---|
1064 | } |
---|
1065 | .cke_hc a.cke_path_item:hover, |
---|
1066 | .cke_hc a.cke_path_item:focus, |
---|
1067 | .cke_hc a.cke_path_item:active |
---|
1068 | { |
---|
1069 | border: 2px solid; |
---|
1070 | padding: 1px 2px; |
---|
1071 | } |
---|
1072 | /* Contains hard-coded presets for "configurable-like" options of the UI |
---|
1073 | (e.g. display labels on specific buttons) */ |
---|
1074 | .cke_button__source_label, |
---|
1075 | .cke_button__sourcedialog_label |
---|
1076 | { |
---|
1077 | display: inline; |
---|
1078 | } |
---|
1079 | .cke_combo__fontsize .cke_combo_text |
---|
1080 | { |
---|
1081 | width: 30px; |
---|
1082 | } |
---|
1083 | .cke_combopanel__fontsize |
---|
1084 | { |
---|
1085 | width: 120px; |
---|
1086 | } |
---|
1087 | .cke_source |
---|
1088 | { |
---|
1089 | font-family: 'Courier New' , Monospace; |
---|
1090 | font-size: small; |
---|
1091 | background-color: #fff; |
---|
1092 | white-space: pre; |
---|
1093 | } |
---|
1094 | .cke_wysiwyg_frame, .cke_wysiwyg_div |
---|
1095 | { |
---|
1096 | background-color: #fff; |
---|
1097 | } |
---|
1098 | /* Important! |
---|
1099 | To avoid showing the editor UI while its styles are still not available, the |
---|
1100 | editor creates it with visibility:hidden. Here, we restore the UI visibility. */ |
---|
1101 | .cke_chrome |
---|
1102 | { |
---|
1103 | visibility: inherit; |
---|
1104 | } |
---|
1105 | /* For accessibility purposes, several "voice labels" are present in the UI. |
---|
1106 | These are usually <span> elements that show not be visible, but that are |
---|
1107 | used by screen-readers to announce other elements. Here, we hide these |
---|
1108 | <spans>, in fact. */ |
---|
1109 | .cke_voice_label |
---|
1110 | { |
---|
1111 | display: none; |
---|
1112 | } |
---|
1113 | legend.cke_voice_label |
---|
1114 | { |
---|
1115 | display: none; |
---|
1116 | } |
---|
1117 | .cke_button__about_icon {background: url(icons.png) no-repeat 0 -0px !important;} |
---|
1118 | .cke_button__bold_icon {background: url(icons.png) no-repeat 0 -24px !important;} |
---|
1119 | .cke_button__italic_icon {background: url(icons.png) no-repeat 0 -48px !important;} |
---|
1120 | .cke_button__strike_icon {background: url(icons.png) no-repeat 0 -72px !important;} |
---|
1121 | .cke_button__subscript_icon {background: url(icons.png) no-repeat 0 -96px !important;} |
---|
1122 | .cke_button__superscript_icon {background: url(icons.png) no-repeat 0 -120px !important;} |
---|
1123 | .cke_button__underline_icon {background: url(icons.png) no-repeat 0 -144px !important;} |
---|
1124 | .cke_button__blockquote_icon {background: url(icons.png) no-repeat 0 -168px !important;} |
---|
1125 | .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;} |
---|
1126 | .cke_ltr .cke_button__copy_icon {background: url(icons.png) no-repeat 0 -216px !important;} |
---|
1127 | .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;} |
---|
1128 | .cke_ltr .cke_button__cut_icon {background: url(icons.png) no-repeat 0 -264px !important;} |
---|
1129 | .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;} |
---|
1130 | .cke_ltr .cke_button__paste_icon {background: url(icons.png) no-repeat 0 -312px !important;} |
---|
1131 | .cke_button__bgcolor_icon {background: url(icons.png) no-repeat 0 -336px !important;} |
---|
1132 | .cke_button__textcolor_icon {background: url(icons.png) no-repeat 0 -360px !important;} |
---|
1133 | .cke_button__creatediv_icon {background: url(icons.png) no-repeat 0 -384px !important;} |
---|
1134 | .cke_button__horizontalrule_icon {background: url(icons.png) no-repeat 0 -408px !important;} |
---|
1135 | .cke_button__image_icon {background: url(icons.png) no-repeat 0 -432px !important;} |
---|
1136 | .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;} |
---|
1137 | .cke_ltr .cke_button__indent_icon {background: url(icons.png) no-repeat 0 -480px !important;} |
---|
1138 | .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;} |
---|
1139 | .cke_ltr .cke_button__outdent_icon {background: url(icons.png) no-repeat 0 -528px !important;} |
---|
1140 | .cke_button__justifyblock_icon {background: url(icons.png) no-repeat 0 -552px !important;} |
---|
1141 | .cke_button__justifycenter_icon {background: url(icons.png) no-repeat 0 -576px !important;} |
---|
1142 | .cke_button__justifyleft_icon {background: url(icons.png) no-repeat 0 -600px !important;} |
---|
1143 | .cke_button__justifyright_icon {background: url(icons.png) no-repeat 0 -624px !important;} |
---|
1144 | .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;} |
---|
1145 | .cke_ltr .cke_button__anchor_icon {background: url(icons.png) no-repeat 0 -672px !important;} |
---|
1146 | .cke_button__link_icon {background: url(icons.png) no-repeat 0 -696px !important;} |
---|
1147 | .cke_button__unlink_icon {background: url(icons.png) no-repeat 0 -720px !important;} |
---|
1148 | .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;} |
---|
1149 | .cke_ltr .cke_button__bulletedlist_icon {background: url(icons.png) no-repeat 0 -768px !important;} |
---|
1150 | .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;} |
---|
1151 | .cke_ltr .cke_button__numberedlist_icon {background: url(icons.png) no-repeat 0 -816px !important;} |
---|
1152 | .cke_button__maximize_icon {background: url(icons.png) no-repeat 0 -840px !important;} |
---|
1153 | .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;} |
---|
1154 | .cke_ltr .cke_button__pastefromword_icon {background: url(icons.png) no-repeat 0 -888px !important;} |
---|
1155 | .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;} |
---|
1156 | .cke_ltr .cke_button__pastetext_icon {background: url(icons.png) no-repeat 0 -936px !important;} |
---|
1157 | .cke_button__print_icon {background: url(icons.png) no-repeat 0 -960px !important;} |
---|
1158 | .cke_button__removeformat_icon {background: url(icons.png) no-repeat 0 -984px !important;} |
---|
1159 | .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;} |
---|
1160 | .cke_ltr .cke_button__source_icon {background: url(icons.png) no-repeat 0 -1032px !important;} |
---|
1161 | .cke_button__specialchar_icon {background: url(icons.png) no-repeat 0 -1056px !important;} |
---|
1162 | .cke_button__table_icon {background: url(icons.png) no-repeat 0 -1080px !important;} |
---|
1163 | .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;} |
---|
1164 | .cke_ltr .cke_button__templates_icon {background: url(icons.png) no-repeat 0 -1128px !important;} |
---|
1165 | .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;} |
---|
1166 | .cke_ltr .cke_button__redo_icon {background: url(icons.png) no-repeat 0 -1176px !important;} |
---|
1167 | .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;} |
---|
1168 | .cke_ltr .cke_button__undo_icon {background: url(icons.png) no-repeat 0 -1224px !important;} |
---|
1169 | .cke_hidpi .cke_button__about_icon {background: url(icons_hidpi.png) no-repeat 0 -0px !important;background-size: 16px !important;} |
---|
1170 | .cke_hidpi .cke_button__bold_icon {background: url(icons_hidpi.png) no-repeat 0 -24px !important;background-size: 16px !important;} |
---|
1171 | .cke_hidpi .cke_button__italic_icon {background: url(icons_hidpi.png) no-repeat 0 -48px !important;background-size: 16px !important;} |
---|
1172 | .cke_hidpi .cke_button__strike_icon {background: url(icons_hidpi.png) no-repeat 0 -72px !important;background-size: 16px !important;} |
---|
1173 | .cke_hidpi .cke_button__subscript_icon {background: url(icons_hidpi.png) no-repeat 0 -96px !important;background-size: 16px !important;} |
---|
1174 | .cke_hidpi .cke_button__superscript_icon {background: url(icons_hidpi.png) no-repeat 0 -120px !important;background-size: 16px !important;} |
---|
1175 | .cke_hidpi .cke_button__underline_icon {background: url(icons_hidpi.png) no-repeat 0 -144px !important;background-size: 16px !important;} |
---|
1176 | .cke_hidpi .cke_button__blockquote_icon {background: url(icons_hidpi.png) no-repeat 0 -168px !important;background-size: 16px !important;} |
---|
1177 | .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;} |
---|
1178 | .cke_hidpi .cke_ltr .cke_button__copy_icon, |
---|
1179 | .cke_ltr.cke_hidpi .cke_button__copy_icon {background: url(icons_hidpi.png) no-repeat 0 -216px !important;background-size: 16px !important;} |
---|
1180 | .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;} |
---|
1181 | .cke_hidpi .cke_ltr .cke_button__cut_icon, |
---|
1182 | .cke_ltr.cke_hidpi .cke_button__cut_icon {background: url(icons_hidpi.png) no-repeat 0 -264px !important;background-size: 16px !important;} |
---|
1183 | .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;} |
---|
1184 | .cke_hidpi .cke_ltr .cke_button__paste_icon, |
---|
1185 | .cke_ltr.cke_hidpi .cke_button__paste_icon {background: url(icons_hidpi.png) no-repeat 0 -312px !important;background-size: 16px !important;} |
---|
1186 | .cke_hidpi .cke_button__bgcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -336px !important;background-size: 16px !important;} |
---|
1187 | .cke_hidpi .cke_button__textcolor_icon {background: url(icons_hidpi.png) no-repeat 0 -360px !important;background-size: 16px !important;} |
---|
1188 | .cke_hidpi .cke_button__creatediv_icon {background: url(icons_hidpi.png) no-repeat 0 -384px !important;background-size: 16px !important;} |
---|
1189 | .cke_hidpi .cke_button__horizontalrule_icon {background: url(icons_hidpi.png) no-repeat 0 -408px !important;background-size: 16px !important;} |
---|
1190 | .cke_hidpi .cke_button__image_icon {background: url(icons_hidpi.png) no-repeat 0 -432px !important;background-size: 16px !important;} |
---|
1191 | .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;} |
---|
1192 | .cke_hidpi .cke_ltr .cke_button__indent_icon, |
---|
1193 | .cke_ltr.cke_hidpi .cke_button__indent_icon {background: url(icons_hidpi.png) no-repeat 0 -480px !important;background-size: 16px !important;} |
---|
1194 | .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;} |
---|
1195 | .cke_hidpi .cke_ltr .cke_button__outdent_icon, |
---|
1196 | .cke_ltr.cke_hidpi .cke_button__outdent_icon {background: url(icons_hidpi.png) no-repeat 0 -528px !important;background-size: 16px !important;} |
---|
1197 | .cke_hidpi .cke_button__justifyblock_icon {background: url(icons_hidpi.png) no-repeat 0 -552px !important;background-size: 16px !important;} |
---|
1198 | .cke_hidpi .cke_button__justifycenter_icon {background: url(icons_hidpi.png) no-repeat 0 -576px !important;background-size: 16px !important;} |
---|
1199 | .cke_hidpi .cke_button__justifyleft_icon {background: url(icons_hidpi.png) no-repeat 0 -600px !important;background-size: 16px !important;} |
---|
1200 | .cke_hidpi .cke_button__justifyright_icon {background: url(icons_hidpi.png) no-repeat 0 -624px !important;background-size: 16px !important;} |
---|
1201 | .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;} |
---|
1202 | .cke_hidpi .cke_ltr .cke_button__anchor_icon, |
---|
1203 | .cke_ltr.cke_hidpi .cke_button__anchor_icon {background: url(icons_hidpi.png) no-repeat 0 -672px !important;background-size: 16px !important;} |
---|
1204 | .cke_hidpi .cke_button__link_icon {background: url(icons_hidpi.png) no-repeat 0 -696px !important;background-size: 16px !important;} |
---|
1205 | .cke_hidpi .cke_button__unlink_icon {background: url(icons_hidpi.png) no-repeat 0 -720px !important;background-size: 16px !important;} |
---|
1206 | .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;} |
---|
1207 | .cke_hidpi .cke_ltr .cke_button__bulletedlist_icon, |
---|
1208 | .cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -768px !important;background-size: 16px !important;} |
---|
1209 | .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;} |
---|
1210 | .cke_hidpi .cke_ltr .cke_button__numberedlist_icon, |
---|
1211 | .cke_ltr.cke_hidpi .cke_button__numberedlist_icon {background: url(icons_hidpi.png) no-repeat 0 -816px !important;background-size: 16px !important;} |
---|
1212 | .cke_hidpi .cke_button__maximize_icon {background: url(icons_hidpi.png) no-repeat 0 -840px !important;background-size: 16px !important;} |
---|
1213 | .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;} |
---|
1214 | .cke_hidpi .cke_ltr .cke_button__pastefromword_icon, |
---|
1215 | .cke_ltr.cke_hidpi .cke_button__pastefromword_icon {background: url(icons_hidpi.png) no-repeat 0 -888px !important;background-size: 16px !important;} |
---|
1216 | .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;} |
---|
1217 | .cke_hidpi .cke_ltr .cke_button__pastetext_icon, |
---|
1218 | .cke_ltr.cke_hidpi .cke_button__pastetext_icon {background: url(icons_hidpi.png) no-repeat 0 -936px !important;background-size: 16px !important;} |
---|
1219 | .cke_hidpi .cke_button__print_icon {background: url(icons_hidpi.png) no-repeat 0 -960px !important;background-size: 16px !important;} |
---|
1220 | .cke_hidpi .cke_button__removeformat_icon {background: url(icons_hidpi.png) no-repeat 0 -984px !important;background-size: 16px !important;} |
---|
1221 | .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;} |
---|
1222 | .cke_hidpi .cke_ltr .cke_button__source_icon, |
---|
1223 | .cke_ltr.cke_hidpi .cke_button__source_icon {background: url(icons_hidpi.png) no-repeat 0 -1032px !important;background-size: 16px !important;} |
---|
1224 | .cke_hidpi .cke_button__specialchar_icon {background: url(icons_hidpi.png) no-repeat 0 -1056px !important;background-size: 16px !important;} |
---|
1225 | .cke_hidpi .cke_button__table_icon {background: url(icons_hidpi.png) no-repeat 0 -1080px !important;background-size: 16px !important;} |
---|
1226 | .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;} |
---|
1227 | .cke_hidpi .cke_ltr .cke_button__templates_icon, |
---|
1228 | .cke_ltr.cke_hidpi .cke_button__templates_icon {background: url(icons_hidpi.png) no-repeat 0 -1128px !important;background-size: 16px !important;} |
---|
1229 | .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;} |
---|
1230 | .cke_hidpi .cke_ltr .cke_button__redo_icon, |
---|
1231 | .cke_ltr.cke_hidpi .cke_button__redo_icon {background: url(icons_hidpi.png) no-repeat 0 -1176px !important;background-size: 16px !important;} |
---|
1232 | .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;} |
---|
1233 | .cke_hidpi .cke_ltr .cke_button__undo_icon, |
---|
1234 | .cke_ltr.cke_hidpi .cke_button__undo_icon {background: url(icons_hidpi.png) no-repeat 0 -1224px !important;background-size: 16px !important;} |
---|