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