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/* 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; 190} 191 192/* Gallery, audio, video placeholders */ 193.mce-content-body img.wp-media { 194 border: 1px solid #aaa; 195 background-color: #f2f2f2; 196 background-repeat: no-repeat; 197 background-position: center center; 198 width: 99%; 199 height: 250px; 200 outline: 0; 201 cursor: pointer; 202} 203 204.mce-content-body img.wp-media:hover { 205 background-color: #ededed; 206 border-color: #72777c; 207} 208 209.mce-content-body img.wp-media.wp-media-selected { 210 background-color: #d8d8d8; 211 border-color: #72777c; 212} 213 214.mce-content-body img.wp-media.wp-gallery { 215 background-image: url(images/gallery.png); 216} 217 218/* Image resize handles */ 219.mce-content-body div.mce-resizehandle { 220 border-color: #72777c; 221 width: 7px; 222 height: 7px; 223} 224 225.mce-content-body img[data-mce-selected] { 226 outline: 1px solid #72777c; 227} 228 229.mce-content-body img[data-mce-resize="false"] { 230 outline: 0; 231} 232 233audio, 234video, 235embed { 236 display: -moz-inline-stack; 237 display: inline-block; 238} 239 240audio { 241 visibility: hidden; 242} 243 244/* Fix for proprietary Mozilla display attribute, see #38757 */ 245[_moz_abspos] { 246 outline: none; 247} 248 249a[data-wplink-url-error], 250a[data-wplink-url-error]:hover, 251a[data-wplink-url-error]:focus { 252 outline: 2px dotted #dc3232; 253 position: relative; 254} 255 256a[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/** 269 * WP Views 270 */ 271 272.wpview { 273 width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ 274 position: relative; 275 clear: both; 276 margin-bottom: 16px; 277 border: 1px solid transparent; 278} 279 280.mce-shim { 281 position: absolute; 282 top: 0; 283 right: 0; 284 bottom: 0; 285 left: 0; 286} 287 288.wpview[data-mce-selected="2"] .mce-shim { 289 display: none; 290} 291 292.wpview .loading-placeholder { 293 border: 1px dashed #ccc; 294 padding: 10px; 295} 296 297.wpview[data-mce-selected] .loading-placeholder { 298 border-color: transparent; 299} 300 301/* A little "loading" animation, not showing in IE < 10 */ 302.wpview .wpview-loading { 303 width: 60px; 304 height: 5px; 305 overflow: hidden; 306 background-color: transparent; 307 margin: 10px auto 0; 308} 309 310.wpview .wpview-loading ins { 311 background-color: #333; 312 margin: 0 0 0 -60px; 313 width: 36px; 314 height: 5px; 315 display: block; 316 -webkit-animation: wpview-loading 1.3s infinite 1s steps(36); 317 animation: wpview-loading 1.3s infinite 1s steps(36); 318} 319 320@-webkit-keyframes wpview-loading { 321 0% { 322 margin-left: -60px; 323 } 324 100% { 325 margin-left: 60px; 326 } 327} 328 329@keyframes wpview-loading { 330 0% { 331 margin-left: -60px; 332 } 333 100% { 334 margin-left: 60px; 335 } 336} 337 338.wpview .wpview-content > iframe { 339 max-width: 100%; 340 background: transparent; 341} 342 343.wpview-error { 344 border: 1px solid #ddd; 345 padding: 1em 0; 346 margin: 0; 347 word-wrap: break-word; 348} 349 350.wpview[data-mce-selected] .wpview-error { 351 border-color: transparent; 352} 353 354.wpview-error .dashicons, 355.loading-placeholder .dashicons { 356 display: block; 357 margin: 0 auto; 358 width: 32px; 359 height: 32px; 360 font-size: 32px; 361} 362 363.wpview-error p { 364 margin: 0; 365 text-align: center; 366 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 367} 368 369.wpview-type-gallery:after { 370 content: ""; 371 display: table; 372 clear: both; 373} 374 375.gallery img[data-mce-selected]:focus { 376 outline: none; 377} 378 379.gallery a { 380 cursor: default; 381} 382 383.gallery { 384 margin: auto -6px; 385 padding: 6px 0; 386 line-height: 1; 387 overflow-x: hidden; 388} 389 390.ie7 .gallery, 391.ie8 .gallery { 392 margin: auto; 393} 394 395.gallery .gallery-item { 396 float: left; 397 margin: 0; 398 text-align: center; 399 padding: 6px; 400 -webkit-box-sizing: border-box; 401 -moz-box-sizing: border-box; 402 box-sizing: border-box; 403} 404 405.ie7 .gallery .gallery-item, 406.ie8 .gallery .gallery-item { 407 padding: 6px 0; 408} 409 410.gallery .gallery-caption, 411.gallery .gallery-icon { 412 margin: 0; 413} 414 415.gallery .gallery-caption { 416 font-size: 13px; 417 margin: 4px 0; 418} 419 420.gallery-columns-1 .gallery-item { 421 width: 100%; 422} 423 424.gallery-columns-2 .gallery-item { 425 width: 50%; 426} 427 428.gallery-columns-3 .gallery-item { 429 width: 33.333%; 430} 431 432.ie8 .gallery-columns-3 .gallery-item, 433.ie7 .gallery-columns-3 .gallery-item { 434 width: 33%; 435} 436 437.gallery-columns-4 .gallery-item { 438 width: 25%; 439} 440 441.gallery-columns-5 .gallery-item { 442 width: 20%; 443} 444 445.gallery-columns-6 .gallery-item { 446 width: 16.665%; 447} 448 449.gallery-columns-7 .gallery-item { 450 width: 14.285%; 451} 452 453.gallery-columns-8 .gallery-item { 454 width: 12.5%; 455} 456 457.gallery-columns-9 .gallery-item { 458 width: 11.111%; 459} 460 461.gallery img { 462 max-width: 100%; 463 height: auto; 464 border: none; 465 padding: 0; 466} 467 468img.wp-oembed { 469 border: 1px dashed #888; 470 background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center; 471 width: 300px; 472 height: 250px; 473 outline: 0; 474} 475 476/* rtl */ 477.rtl .gallery .gallery-item { 478 float: right; 479} 480 481@media print, 482 (-o-min-device-pixel-ratio: 5/4), 483 (-webkit-min-device-pixel-ratio: 1.25), 484 (min-resolution: 120dpi) { 485 486 .mce-content-body img.mce-wp-more { 487 background-image: url( images/more-2x.png ); 488 background-size: 1900px 20px; 489 } 490 491 .mce-content-body img.mce-wp-nextpage { 492 background-image: url( images/pagebreak-2x.png ); 493 background-size: 1900px 20px; 494 } 495} 496