wp-content.css (8624B)
1 /* Additional default styles for the editor */ 2 3 html { 4 cursor: text; 5 } 6 7 html.ios { 8 width: 100px; 9 min-width: 100%; 10 } 11 12 body { 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 24 body.rtl { 25 font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif; 26 } 27 28 body.locale-he-il, 29 body.locale-vi { 30 font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif; 31 } 32 33 body.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, 43 Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */ 44 body.webkit strong, 45 body.webkit b { 46 font-weight: bold !important; 47 } 48 49 pre { 50 font-family: Consolas, Monaco, monospace; 51 } 52 53 td, 54 th { 55 font-family: inherit; 56 font-size: inherit; 57 } 58 59 /* For emoji replacement images */ 60 img.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 77 img { 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 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 { 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 */ 129 img[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 233 audio, 234 video, 235 embed { 236 display: -moz-inline-stack; 237 display: inline-block; 238 } 239 240 audio { 241 visibility: hidden; 242 } 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 /** 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 468 img.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 }