wp-includes/js/tinymce/skins/wordpress/wp-content.css

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