|
1 /* Additional default styles for the editor */ |
|
2 |
|
3 html { |
|
4 cursor: text; |
|
5 } |
|
6 |
|
7 html.ios { |
|
8 height: 100%; |
|
9 } |
|
10 |
|
11 .ios body#tinymce { |
|
12 height: 200%; |
|
13 max-width: none; |
|
14 } |
|
15 |
|
16 body { |
|
17 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; |
|
18 font-size: 16px; |
|
19 line-height: 1.5; |
|
20 color: #333; |
|
21 margin: 9px 10px; |
|
22 max-width: 100%; |
|
23 -webkit-font-smoothing: antialiased !important; |
|
24 } |
|
25 |
|
26 body.rtl { |
|
27 font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif; |
|
28 } |
|
29 |
|
30 body.locale-he-il { |
|
31 font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif; |
|
32 } |
|
33 |
|
34 body.wp-autoresize { |
|
35 overflow: visible !important; |
|
36 /* The padding ensures margins of the children are contained in the body. */ |
|
37 padding-top: 1px !important; |
|
38 padding-bottom: 1px !important; |
|
39 padding-left: 0 !important; |
|
40 padding-right: 0 !important; |
|
41 } |
|
42 |
|
43 /* When font-weight is different than the default browser style, |
|
44 Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */ |
|
45 body.webkit strong, |
|
46 body.webkit b { |
|
47 font-weight: bold !important; |
|
48 } |
|
49 |
|
50 pre { |
|
51 font-family: Consolas, Monaco, monospace; |
|
52 } |
|
53 |
|
54 td, |
|
55 th { |
|
56 font-family: inherit; |
|
57 font-size: inherit; |
|
58 } |
|
59 |
|
60 /* For emoji replacement images */ |
|
61 img.emoji { |
|
62 display: inline !important; |
|
63 border: none !important; |
|
64 height: 1em !important; |
|
65 width: 1em !important; |
|
66 margin: 0 .07em !important; |
|
67 vertical-align: -0.1em !important; |
|
68 background: none !important; |
|
69 padding: 0 !important; |
|
70 -webkit-box-shadow: none !important; |
|
71 box-shadow: none !important; |
|
72 } |
|
73 |
|
74 /* DFW mode */ |
|
75 html.wp-fullscreen, |
|
76 html.wp-fullscreen body#tinymce { |
|
77 width: auto; |
|
78 max-width: none; |
|
79 min-height: 0; |
|
80 overflow: hidden; |
|
81 color: #333; |
|
82 background: transparent; |
|
83 } |
|
84 |
|
85 .aligncenter, |
|
86 dl.aligncenter, |
|
87 .html5-captions .wp-caption.aligncenter { |
|
88 display: block; |
|
89 margin-left: auto; |
|
90 margin-right: auto; |
|
91 } |
|
92 |
|
93 .alignleft { |
|
94 float: left; |
|
95 } |
|
96 |
|
97 .alignright { |
|
98 float: right; |
|
99 } |
|
100 |
|
101 .wp-caption { |
|
102 border: 1px solid #ddd; |
|
103 text-align: center; |
|
104 background-color: #f3f3f3; |
|
105 padding-top: 4px; |
|
106 margin: 10px 0; |
|
107 } |
|
108 |
|
109 .html5-captions .wp-caption { |
|
110 border: none; |
|
111 background-color: transparent; |
|
112 margin: 0; |
|
113 padding: 0; |
|
114 } |
|
115 |
|
116 .mceIEcenter { |
|
117 text-align: center; |
|
118 } |
|
119 |
|
120 .wp-caption img { |
|
121 margin: 0; |
|
122 padding: 0; |
|
123 border: 0 none; |
|
124 } |
|
125 |
|
126 div.mceTemp { |
|
127 -ms-user-select: element; |
|
128 } |
|
129 |
|
130 dl.wp-caption, |
|
131 dl.wp-caption * { |
|
132 -webkit-user-drag: none; |
|
133 } |
|
134 |
|
135 .wp-caption-dd { |
|
136 font-size: 11px; |
|
137 line-height: 17px; |
|
138 padding: 0 4px 5px; |
|
139 margin: 0; |
|
140 } |
|
141 |
|
142 /* Remove blue highlighting of selected images in WebKit */ |
|
143 img[data-mce-selected]::selection { |
|
144 background-color: transparent; |
|
145 } |
|
146 |
|
147 /* Styles for the WordPress plugins */ |
|
148 .mce-content-body img[data-mce-placeholder] { |
|
149 border-radius: 0; |
|
150 padding: 0; |
|
151 } |
|
152 |
|
153 .mce-content-body img[data-wp-more] { |
|
154 border: 0; |
|
155 -webkit-box-shadow: none; |
|
156 box-shadow: none; |
|
157 width: 96%; |
|
158 height: 16px; |
|
159 display: block; |
|
160 margin: 15px auto 0; |
|
161 outline: 0; |
|
162 cursor: default; |
|
163 } |
|
164 |
|
165 .mce-content-body img[data-mce-placeholder][data-mce-selected] { |
|
166 outline: 1px dotted #888; |
|
167 } |
|
168 |
|
169 .mce-content-body img[data-wp-more="more"] { |
|
170 background: transparent url( images/more.png ) repeat-y scroll center center; |
|
171 } |
|
172 |
|
173 .mce-content-body img[data-wp-more="nextpage"] { |
|
174 background: transparent url( images/pagebreak.png ) repeat-y scroll center center; |
|
175 } |
|
176 |
|
177 /* Gallery, audio, video placeholders */ |
|
178 .mce-content-body img.wp-media { |
|
179 border: 1px solid #aaa; |
|
180 background-color: #f2f2f2; |
|
181 background-repeat: no-repeat; |
|
182 background-position: center center; |
|
183 width: 99%; |
|
184 height: 250px; |
|
185 outline: 0; |
|
186 cursor: pointer; |
|
187 } |
|
188 |
|
189 .mce-content-body img.wp-media:hover { |
|
190 background-color: #ededed; |
|
191 border-color: #777; |
|
192 } |
|
193 |
|
194 .mce-content-body img.wp-media.wp-media-selected { |
|
195 background-color: #d8d8d8; |
|
196 border-color: #777; |
|
197 } |
|
198 |
|
199 .mce-content-body img.wp-media.wp-gallery { |
|
200 background-image: url(images/gallery.png); |
|
201 } |
|
202 |
|
203 /* Image resize handles */ |
|
204 .mce-content-body div.mce-resizehandle { |
|
205 border-color: #777; |
|
206 width: 7px; |
|
207 height: 7px; |
|
208 } |
|
209 |
|
210 .mce-content-body img[data-mce-selected] { |
|
211 outline: 1px solid #777; |
|
212 } |
|
213 |
|
214 .mce-content-body img[data-mce-resize="false"] { |
|
215 outline: 0; |
|
216 } |
|
217 |
|
218 audio, |
|
219 video, |
|
220 embed { |
|
221 display: -moz-inline-stack; |
|
222 display: inline-block; |
|
223 } |
|
224 |
|
225 audio { |
|
226 visibility: hidden; |
|
227 } |
|
228 |
|
229 /** |
|
230 * WP Views |
|
231 */ |
|
232 |
|
233 .wpview-wrap { |
|
234 width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ |
|
235 position: relative; |
|
236 clear: both; |
|
237 } |
|
238 |
|
239 /* delegate the handling of the selection to the wpview tinymce plugin */ |
|
240 .wpview-wrap, |
|
241 .wpview-wrap * { |
|
242 -moz-user-select: none; |
|
243 -webkit-user-select: none; |
|
244 -ms-user-select: none; |
|
245 user-select: none; |
|
246 } |
|
247 |
|
248 /* hide the shortcode content, but allow the content to still be selected */ |
|
249 .wpview-wrap .wpview-clipboard, |
|
250 .wpview-wrap > p { |
|
251 position: absolute; |
|
252 top: 0; |
|
253 left: 0; |
|
254 z-index: -1; |
|
255 clip: rect(1px 1px 1px 1px); /* IE7 */ |
|
256 clip: rect(1px, 1px, 1px, 1px); |
|
257 overflow: hidden; |
|
258 outline: 0; |
|
259 padding: 0; |
|
260 border: 0; |
|
261 width: 1px; |
|
262 height: 1px; |
|
263 } |
|
264 |
|
265 /* An ugly box will appear when this is focussed in IE, so we'll move it outside the window. */ |
|
266 .wpview-wrap.wpview-selection-before > p, |
|
267 .wpview-wrap.wpview-selection-after > p { |
|
268 left: -10000px; |
|
269 } |
|
270 |
|
271 .wpview-wrap .wpview-clipboard, |
|
272 .wpview-wrap .wpview-clipboard *, |
|
273 .wpview-wrap > p { |
|
274 -moz-user-select: text; |
|
275 -webkit-user-select: text; |
|
276 -ms-user-select: text; |
|
277 user-select: text; |
|
278 } |
|
279 |
|
280 .has-focus .wpview-wrap.wpview-selection-before:before, |
|
281 .has-focus .wpview-wrap.wpview-selection-after:before { |
|
282 content: ''; |
|
283 margin: 0; |
|
284 padding: 0; |
|
285 position: absolute; |
|
286 top: -2px; |
|
287 left: -3px; |
|
288 bottom: -2px; |
|
289 width: 1px; |
|
290 background-color: black; |
|
291 background-color: currentcolor; |
|
292 opacity: 1; |
|
293 } |
|
294 |
|
295 .has-focus .wpview-wrap.wpview-selection-after:before { |
|
296 left: auto; |
|
297 right: -3px; |
|
298 } |
|
299 |
|
300 .has-focus .wpview-wrap.wpview-cursor-hide:before { |
|
301 opacity: 0; |
|
302 } |
|
303 |
|
304 /** |
|
305 * Media previews |
|
306 */ |
|
307 .wpview-wrap { |
|
308 position: relative; |
|
309 margin-bottom: 16px; |
|
310 border: 1px solid transparent; |
|
311 } |
|
312 |
|
313 .wpview-wrap[data-mce-selected] { |
|
314 background-color: rgba(0,0,0,0.1); |
|
315 border-color: rgba(0,0,0,0.3); |
|
316 } |
|
317 |
|
318 .ie8 .wpview-wrap[data-mce-selected], |
|
319 .ie7 .wpview-wrap[data-mce-selected] { |
|
320 background-color: #e5e5e5; |
|
321 border-color: #777; |
|
322 } |
|
323 |
|
324 .wpview-overlay { |
|
325 position: absolute; |
|
326 top: 0; |
|
327 right: 0; |
|
328 bottom: 0; |
|
329 left: 0; |
|
330 } |
|
331 |
|
332 .wpview-wrap[data-mce-selected] .wpview-overlay { |
|
333 display: none; |
|
334 } |
|
335 |
|
336 .wpview-wrap .loading-placeholder { |
|
337 border: 1px dashed #ccc; |
|
338 padding: 10px; |
|
339 } |
|
340 |
|
341 .wpview-wrap[data-mce-selected] .loading-placeholder { |
|
342 border-color: transparent; |
|
343 } |
|
344 |
|
345 /* A little "loading" animation, not showing in IE < 10 */ |
|
346 .wpview-wrap .wpview-loading { |
|
347 width: 60px; |
|
348 height: 5px; |
|
349 overflow: hidden; |
|
350 background-color: transparent; |
|
351 margin: 10px auto 0; |
|
352 } |
|
353 |
|
354 .wpview-wrap .wpview-loading ins { |
|
355 background-color: #333; |
|
356 margin: 0 0 0 -60px; |
|
357 width: 60px; |
|
358 height: 5px; |
|
359 display: block; |
|
360 -webkit-animation: wpview-loading 1.3s infinite 1s linear; |
|
361 animation: wpview-loading 1.3s infinite 1s linear; |
|
362 } |
|
363 |
|
364 @-webkit-keyframes wpview-loading { |
|
365 0% { |
|
366 margin-left: -60px; |
|
367 } |
|
368 100% { |
|
369 margin-left: 60px; |
|
370 } |
|
371 } |
|
372 |
|
373 @keyframes wpview-loading { |
|
374 0% { |
|
375 margin-left: -60px; |
|
376 } |
|
377 100% { |
|
378 margin-left: 60px; |
|
379 } |
|
380 } |
|
381 |
|
382 .wpview-wrap .wpview-content > iframe { |
|
383 max-width: 100%; |
|
384 background: transparent; |
|
385 } |
|
386 |
|
387 .wpview-error { |
|
388 border: 1px solid #dedede; |
|
389 padding: 1em 0; |
|
390 margin: 0; |
|
391 word-wrap: break-word; |
|
392 } |
|
393 |
|
394 .wpview-wrap[data-mce-selected] .wpview-error { |
|
395 border-color: transparent; |
|
396 } |
|
397 |
|
398 .wpview-error .dashicons, |
|
399 .loading-placeholder .dashicons { |
|
400 display: block; |
|
401 margin: 0 auto; |
|
402 width: 32px; |
|
403 height: 32px; |
|
404 font-size: 32px; |
|
405 } |
|
406 |
|
407 .wpview-error p { |
|
408 margin: 0; |
|
409 text-align: center; |
|
410 font-family: 'Open Sans', sans-serif; |
|
411 } |
|
412 |
|
413 .wpview-type-gallery:after { |
|
414 content: ''; |
|
415 display: table; |
|
416 clear: both; |
|
417 } |
|
418 |
|
419 .gallery img[data-mce-selected]:focus { |
|
420 outline: none; |
|
421 } |
|
422 |
|
423 .gallery a { |
|
424 cursor: default; |
|
425 } |
|
426 |
|
427 .gallery { |
|
428 margin: auto -6px; |
|
429 padding: 6px 0; |
|
430 line-height: 1; |
|
431 overflow-x: hidden; |
|
432 } |
|
433 |
|
434 .ie7 .gallery, |
|
435 .ie8 .gallery { |
|
436 margin: auto; |
|
437 } |
|
438 |
|
439 .gallery .gallery-item { |
|
440 float: left; |
|
441 margin: 0; |
|
442 text-align: center; |
|
443 padding: 6px; |
|
444 -webkit-box-sizing: border-box; |
|
445 -moz-box-sizing: border-box; |
|
446 box-sizing: border-box; |
|
447 } |
|
448 |
|
449 .ie7 .gallery .gallery-item, |
|
450 .ie8 .gallery .gallery-item { |
|
451 padding: 6px 0; |
|
452 } |
|
453 |
|
454 .gallery .gallery-caption, |
|
455 .gallery .gallery-icon { |
|
456 margin: 0; |
|
457 } |
|
458 |
|
459 .gallery .gallery-caption { |
|
460 font-size: 13px; |
|
461 margin: 4px 0; |
|
462 } |
|
463 |
|
464 .gallery-columns-1 .gallery-item { |
|
465 width: 100%; |
|
466 } |
|
467 |
|
468 .gallery-columns-2 .gallery-item { |
|
469 width: 50%; |
|
470 } |
|
471 |
|
472 .gallery-columns-3 .gallery-item { |
|
473 width: 33.333%; |
|
474 } |
|
475 |
|
476 .ie8 .gallery-columns-3 .gallery-item, |
|
477 .ie7 .gallery-columns-3 .gallery-item { |
|
478 width: 33%; |
|
479 } |
|
480 |
|
481 .gallery-columns-4 .gallery-item { |
|
482 width: 25%; |
|
483 } |
|
484 |
|
485 .gallery-columns-5 .gallery-item { |
|
486 width: 20%; |
|
487 } |
|
488 |
|
489 .gallery-columns-6 .gallery-item { |
|
490 width: 16.665%; |
|
491 } |
|
492 |
|
493 .gallery-columns-7 .gallery-item { |
|
494 width: 14.285%; |
|
495 } |
|
496 |
|
497 .gallery-columns-8 .gallery-item { |
|
498 width: 12.5%; |
|
499 } |
|
500 |
|
501 .gallery-columns-9 .gallery-item { |
|
502 width: 11.111%; |
|
503 } |
|
504 |
|
505 .gallery img { |
|
506 max-width: 100%; |
|
507 height: auto; |
|
508 border: none; |
|
509 padding: 0; |
|
510 } |
|
511 |
|
512 img.wp-oembed { |
|
513 border: 1px dashed #888; |
|
514 background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center; |
|
515 width: 300px; |
|
516 height: 250px; |
|
517 outline: 0; |
|
518 } |
|
519 |
|
520 /* rtl */ |
|
521 .rtl .gallery .gallery-item { |
|
522 float: right; |
|
523 } |
|
524 |
|
525 @media print, |
|
526 (-o-min-device-pixel-ratio: 5/4), |
|
527 (-webkit-min-device-pixel-ratio: 1.25), |
|
528 (min-resolution: 120dpi) { |
|
529 |
|
530 .mce-content-body img.mce-wp-more { |
|
531 background-image: url( images/more-2x.png ); |
|
532 background-size: 1900px 20px; |
|
533 } |
|
534 |
|
535 .mce-content-body img.mce-wp-nextpage { |
|
536 background-image: url( images/pagebreak-2x.png ); |
|
537 background-size: 1900px 20px; |
|
538 } |
|
539 } |