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