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