3 html { |
3 html { |
4 cursor: text; |
4 cursor: text; |
5 } |
5 } |
6 |
6 |
7 html.ios { |
7 html.ios { |
8 height: 100%; |
8 width: 100px; |
9 } |
9 min-width: 100%; |
10 |
|
11 .ios body#tinymce { |
|
12 height: 200%; |
|
13 max-width: none; |
|
14 } |
10 } |
15 |
11 |
16 body { |
12 body { |
17 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; |
13 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; |
18 font-size: 16px; |
14 font-size: 16px; |
19 line-height: 1.5; |
15 line-height: 1.5; |
20 color: #333; |
16 color: #333; |
21 margin: 9px 10px; |
17 margin: 9px 10px; |
22 max-width: 100%; |
18 max-width: 100%; |
23 -webkit-font-smoothing: antialiased !important; |
19 -webkit-font-smoothing: antialiased !important; |
|
20 overflow-wrap: break-word; |
|
21 word-wrap: break-word; /* Old syntax */ |
24 } |
22 } |
25 |
23 |
26 body.rtl { |
24 body.rtl { |
27 font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif; |
25 font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif; |
28 } |
26 } |
29 |
27 |
30 body.locale-he-il { |
28 body.locale-he-il, |
|
29 body.locale-vi { |
31 font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif; |
30 font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif; |
32 } |
31 } |
33 |
32 |
34 body.wp-autoresize { |
33 body.wp-autoresize { |
35 overflow: visible !important; |
34 overflow: visible !important; |
69 padding: 0 !important; |
68 padding: 0 !important; |
70 -webkit-box-shadow: none !important; |
69 -webkit-box-shadow: none !important; |
71 box-shadow: none !important; |
70 box-shadow: none !important; |
72 } |
71 } |
73 |
72 |
74 /* DFW mode */ |
73 .mceIEcenter { |
75 html.wp-fullscreen, |
74 text-align: center; |
76 html.wp-fullscreen body#tinymce { |
75 } |
77 width: auto; |
76 |
78 max-width: none; |
77 img { |
79 min-height: 0; |
78 height: auto; |
80 overflow: hidden; |
79 max-width: 100%; |
81 color: #333; |
80 } |
82 background: transparent; |
81 |
83 } |
82 .wp-caption { |
84 |
83 margin: 0; /* browser reset */ |
85 .aligncenter, |
84 max-width: 100%; |
86 dl.aligncenter, |
85 } |
87 .html5-captions .wp-caption.aligncenter { |
86 |
|
87 /* iOS does not obey max-width if width is set. */ |
|
88 .ios .wp-caption { |
|
89 width: auto !important; |
|
90 } |
|
91 |
|
92 dl.wp-caption dt.wp-caption-dt img { |
|
93 display: inline-block; |
|
94 margin-bottom: -1ex; |
|
95 } |
|
96 |
|
97 div.mceTemp { |
|
98 -ms-user-select: element; |
|
99 } |
|
100 |
|
101 dl.wp-caption, |
|
102 dl.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 { |
88 display: block; |
113 display: block; |
89 margin-left: auto; |
114 margin-left: auto; |
90 margin-right: auto; |
115 margin-right: auto; |
91 } |
116 } |
92 |
117 |
93 .alignleft { |
118 .alignleft { |
94 float: left; |
119 float: left; |
|
120 margin: 0.5em 1em 0.5em 0; |
95 } |
121 } |
96 |
122 |
97 .alignright { |
123 .alignright { |
98 float: right; |
124 float: right; |
99 } |
125 margin: 0.5em 0 0.5em 1em; |
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 } |
126 } |
141 |
127 |
142 /* Remove blue highlighting of selected images in WebKit */ |
128 /* Remove blue highlighting of selected images in WebKit */ |
143 img[data-mce-selected]::selection { |
129 img[data-mce-selected]::selection { |
144 background-color: transparent; |
130 background-color: transparent; |
169 .mce-content-body img[data-wp-more="more"] { |
155 .mce-content-body img[data-wp-more="more"] { |
170 background: transparent url( images/more.png ) repeat-y scroll center center; |
156 background: transparent url( images/more.png ) repeat-y scroll center center; |
171 } |
157 } |
172 |
158 |
173 .mce-content-body img[data-wp-more="nextpage"] { |
159 .mce-content-body img[data-wp-more="nextpage"] { |
174 background: transparent url( images/pagebreak.png ) repeat-y scroll center center; |
160 background: transparent url( images/pagebreak.png ) repeat-y scroll center center; |
|
161 } |
|
162 |
|
163 /* Styles for formatting the boundaries of anchors and code elements */ |
|
164 .mce-content-body a[data-mce-selected] { |
|
165 padding: 0 2px; |
|
166 margin: 0 -2px; |
|
167 border-radius: 2px; |
|
168 box-shadow: 0 0 0 1px #bfe6ff; |
|
169 background: #bfe6ff; |
|
170 } |
|
171 |
|
172 .mce-content-body .wp-caption-dt a[data-mce-selected] { |
|
173 outline: none; |
|
174 padding: 0; |
|
175 margin: 0; |
|
176 box-shadow: none; |
|
177 background: transparent; |
|
178 } |
|
179 |
|
180 .mce-content-body code { |
|
181 padding: 2px 4px; |
|
182 margin: 0; |
|
183 border-radius: 2px; |
|
184 color: #222; |
|
185 background: #f2f4f5; |
|
186 } |
|
187 |
|
188 .mce-content-body code[data-mce-selected] { |
|
189 background: #e9ebec; |
175 } |
190 } |
176 |
191 |
177 /* Gallery, audio, video placeholders */ |
192 /* Gallery, audio, video placeholders */ |
178 .mce-content-body img.wp-media { |
193 .mce-content-body img.wp-media { |
179 border: 1px solid #aaa; |
194 border: 1px solid #aaa; |
186 cursor: pointer; |
201 cursor: pointer; |
187 } |
202 } |
188 |
203 |
189 .mce-content-body img.wp-media:hover { |
204 .mce-content-body img.wp-media:hover { |
190 background-color: #ededed; |
205 background-color: #ededed; |
191 border-color: #777; |
206 border-color: #72777c; |
192 } |
207 } |
193 |
208 |
194 .mce-content-body img.wp-media.wp-media-selected { |
209 .mce-content-body img.wp-media.wp-media-selected { |
195 background-color: #d8d8d8; |
210 background-color: #d8d8d8; |
196 border-color: #777; |
211 border-color: #72777c; |
197 } |
212 } |
198 |
213 |
199 .mce-content-body img.wp-media.wp-gallery { |
214 .mce-content-body img.wp-media.wp-gallery { |
200 background-image: url(images/gallery.png); |
215 background-image: url(images/gallery.png); |
201 } |
216 } |
202 |
217 |
203 /* Image resize handles */ |
218 /* Image resize handles */ |
204 .mce-content-body div.mce-resizehandle { |
219 .mce-content-body div.mce-resizehandle { |
205 border-color: #777; |
220 border-color: #72777c; |
206 width: 7px; |
221 width: 7px; |
207 height: 7px; |
222 height: 7px; |
208 } |
223 } |
209 |
224 |
210 .mce-content-body img[data-mce-selected] { |
225 .mce-content-body img[data-mce-selected] { |
211 outline: 1px solid #777; |
226 outline: 1px solid #72777c; |
212 } |
227 } |
213 |
228 |
214 .mce-content-body img[data-mce-resize="false"] { |
229 .mce-content-body img[data-mce-resize="false"] { |
215 outline: 0; |
230 outline: 0; |
216 } |
231 } |
224 |
239 |
225 audio { |
240 audio { |
226 visibility: hidden; |
241 visibility: hidden; |
227 } |
242 } |
228 |
243 |
|
244 /* Fix for proprietary Mozilla display attribute, see #38757 */ |
|
245 [_moz_abspos] { |
|
246 outline: none; |
|
247 } |
|
248 |
|
249 a[data-wplink-url-error], |
|
250 a[data-wplink-url-error]:hover, |
|
251 a[data-wplink-url-error]:focus { |
|
252 outline: 2px dotted #dc3232; |
|
253 position: relative; |
|
254 } |
|
255 |
|
256 a[data-wplink-url-error]:before { |
|
257 content: ""; |
|
258 display: block; |
|
259 position: absolute; |
|
260 top: -2px; |
|
261 right: -2px; |
|
262 bottom: -2px; |
|
263 left: -2px; |
|
264 outline: 2px dotted #fff; |
|
265 z-index: -1; |
|
266 } |
|
267 |
|
268 /* Special styling for the suggestes policy text tutorial sections after they have been pasted in the editor. */ |
|
269 p.wp-policy-help { |
|
270 background-color: #ff0; |
|
271 } |
|
272 |
229 /** |
273 /** |
230 * WP Views |
274 * WP Views |
231 */ |
275 */ |
232 |
276 |
233 .wpview-wrap { |
277 .wpview { |
234 width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ |
278 width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ |
235 position: relative; |
279 position: relative; |
236 clear: both; |
280 clear: both; |
237 } |
281 margin-bottom: 16px; |
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; |
282 border: 1px solid transparent; |
311 } |
283 } |
312 |
284 |
313 .wpview-wrap[data-mce-selected] { |
285 .mce-shim { |
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; |
286 position: absolute; |
326 top: 0; |
287 top: 0; |
327 right: 0; |
288 right: 0; |
328 bottom: 0; |
289 bottom: 0; |
329 left: 0; |
290 left: 0; |
330 } |
291 } |
331 |
292 |
332 .wpview-wrap[data-mce-selected] .wpview-overlay { |
293 .wpview[data-mce-selected="2"] .mce-shim { |
333 display: none; |
294 display: none; |
334 } |
295 } |
335 |
296 |
336 .wpview-wrap .loading-placeholder { |
297 .wpview .loading-placeholder { |
337 border: 1px dashed #ccc; |
298 border: 1px dashed #ccc; |
338 padding: 10px; |
299 padding: 10px; |
339 } |
300 } |
340 |
301 |
341 .wpview-wrap[data-mce-selected] .loading-placeholder { |
302 .wpview[data-mce-selected] .loading-placeholder { |
342 border-color: transparent; |
303 border-color: transparent; |
343 } |
304 } |
344 |
305 |
345 /* A little "loading" animation, not showing in IE < 10 */ |
306 /* A little "loading" animation, not showing in IE < 10 */ |
346 .wpview-wrap .wpview-loading { |
307 .wpview .wpview-loading { |
347 width: 60px; |
308 width: 60px; |
348 height: 5px; |
309 height: 5px; |
349 overflow: hidden; |
310 overflow: hidden; |
350 background-color: transparent; |
311 background-color: transparent; |
351 margin: 10px auto 0; |
312 margin: 10px auto 0; |
352 } |
313 } |
353 |
314 |
354 .wpview-wrap .wpview-loading ins { |
315 .wpview .wpview-loading ins { |
355 background-color: #333; |
316 background-color: #333; |
356 margin: 0 0 0 -60px; |
317 margin: 0 0 0 -60px; |
357 width: 60px; |
318 width: 36px; |
358 height: 5px; |
319 height: 5px; |
359 display: block; |
320 display: block; |
360 -webkit-animation: wpview-loading 1.3s infinite 1s linear; |
321 -webkit-animation: wpview-loading 1.3s infinite 1s steps(36); |
361 animation: wpview-loading 1.3s infinite 1s linear; |
322 animation: wpview-loading 1.3s infinite 1s steps(36); |
362 } |
323 } |
363 |
324 |
364 @-webkit-keyframes wpview-loading { |
325 @-webkit-keyframes wpview-loading { |
365 0% { |
326 0% { |
366 margin-left: -60px; |
327 margin-left: -60px; |
377 100% { |
338 100% { |
378 margin-left: 60px; |
339 margin-left: 60px; |
379 } |
340 } |
380 } |
341 } |
381 |
342 |
382 .wpview-wrap .wpview-content > iframe { |
343 .wpview .wpview-content > iframe { |
383 max-width: 100%; |
344 max-width: 100%; |
384 background: transparent; |
345 background: transparent; |
385 } |
346 } |
386 |
347 |
387 .wpview-error { |
348 .wpview-error { |
388 border: 1px solid #dedede; |
349 border: 1px solid #ddd; |
389 padding: 1em 0; |
350 padding: 1em 0; |
390 margin: 0; |
351 margin: 0; |
391 word-wrap: break-word; |
352 word-wrap: break-word; |
392 } |
353 } |
393 |
354 |
394 .wpview-wrap[data-mce-selected] .wpview-error { |
355 .wpview[data-mce-selected] .wpview-error { |
395 border-color: transparent; |
356 border-color: transparent; |
396 } |
357 } |
397 |
358 |
398 .wpview-error .dashicons, |
359 .wpview-error .dashicons, |
399 .loading-placeholder .dashicons { |
360 .loading-placeholder .dashicons { |