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