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 a[data-wplink-url-error],
 209 a[data-wplink-url-error]:hover,
 210 a[data-wplink-url-error]:focus {
 211         outline: 2px dotted #dc3232;
 212         position: relative;
 213 }
 214
 215 a[data-wplink-url-error]:before {
 216         content: '';
 217         display: block;
 218         position: absolute;
 219         top: -2px;
 220         right: -2px;
 221         bottom: -2px;
 222         left: -2px;
 223         outline: 2px dotted #fff;
 224         z-index: -1;
 225 }
 226
 227 /**
 228  * WP Views
 229  */
 230
 231 .wpview {
 232         width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
 233         position: relative;
 234         clear: both;
 235         margin-bottom: 16px;
 236         border: 1px solid transparent;
 237 }
 238
 239 .mce-shim {
 240         position: absolute;
 241         top: 0;
 242         right: 0;
 243         bottom: 0;
 244         left: 0;
 245 }
 246
 247 .wpview[data-mce-selected="2"] .mce-shim {
 248         display: none;
 249 }
 250
 251 .wpview .loading-placeholder {
 252         border: 1px dashed #ccc;
 253         padding: 10px;
 254 }
 255
 256 .wpview[data-mce-selected] .loading-placeholder {
 257         border-color: transparent;
 258 }
 259
 260 /* A little "loading" animation, not showing in IE < 10 */
 261 .wpview .wpview-loading {
 262         width: 60px;
 263         height: 5px;
 264         overflow: hidden;
 265         background-color: transparent;
 266         margin: 10px auto 0;
 267 }
 268
 269 .wpview .wpview-loading ins {
 270         background-color: #333;
 271         margin: 0 0 0 -60px;
 272         width: 36px;
 273         height: 5px;
 274         display: block;
 275         -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
 276         animation: wpview-loading 1.3s infinite 1s steps(36);
 277 }
 278
 279 @-webkit-keyframes wpview-loading {
 280         0% {
 281                 margin-left: -60px;
 282         }
 283         100% {
 284                 margin-left: 60px;
 285         }
 286 }
 287
 288 @keyframes wpview-loading {
 289         0% {
 290                 margin-left: -60px;
 291         }
 292         100% {
 293                 margin-left: 60px;
 294         }
 295 }
 296
 297 .wpview .wpview-content > iframe {
 298         max-width: 100%;
 299         background: transparent;
 300 }
 301
 302 .wpview-error {
 303         border: 1px solid #ddd;
 304         padding: 1em 0;
 305         margin: 0;
 306         word-wrap: break-word;
 307 }
 308
 309 .wpview[data-mce-selected] .wpview-error {
 310         border-color: transparent;
 311 }
 312
 313 .wpview-error .dashicons,
 314 .loading-placeholder .dashicons {
 315         display: block;
 316         margin: 0 auto;
 317         width: 32px;
 318         height: 32px;
 319         font-size: 32px;
 320 }
 321
 322 .wpview-error p {
 323         margin: 0;
 324         text-align: center;
 325         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 326 }
 327
 328 .wpview-type-gallery:after {
 329     content: '';
 330         display: table;
 331     clear: both;
 332 }
 333
 334 .gallery img[data-mce-selected]:focus {
 335         outline: none;
 336 }
 337
 338 .gallery a {
 339         cursor: default;
 340 }
 341
 342 .gallery {
 343         margin: auto -6px;
 344         padding: 6px 0;
 345         line-height: 1;
 346         overflow-x: hidden;
 347 }
 348
 349 .ie7 .gallery,
 350 .ie8 .gallery {
 351         margin: auto;
 352 }
 353
 354 .gallery .gallery-item {
 355         float: left;
 356         margin: 0;
 357         text-align: center;
 358         padding: 6px;
 359         -webkit-box-sizing: border-box;
 360         -moz-box-sizing: border-box;
 361         box-sizing: border-box;
 362 }
 363
 364 .ie7 .gallery .gallery-item,
 365 .ie8 .gallery .gallery-item {
 366         padding: 6px 0;
 367 }
 368
 369 .gallery .gallery-caption,
 370 .gallery .gallery-icon {
 371         margin: 0;
 372 }
 373
 374 .gallery .gallery-caption {
 375         font-size: 13px;
 376         margin: 4px 0;
 377 }
 378
 379 .gallery-columns-1 .gallery-item {
 380         width: 100%;
 381 }
 382
 383 .gallery-columns-2 .gallery-item {
 384         width: 50%;
 385 }
 386
 387 .gallery-columns-3 .gallery-item {
 388         width: 33.333%;
 389 }
 390
 391 .ie8 .gallery-columns-3 .gallery-item,
 392 .ie7 .gallery-columns-3 .gallery-item {
 393         width: 33%;
 394 }
 395
 396 .gallery-columns-4 .gallery-item {
 397         width: 25%;
 398 }
 399
 400 .gallery-columns-5 .gallery-item {
 401         width: 20%;
 402 }
 403
 404 .gallery-columns-6 .gallery-item {
 405         width: 16.665%;
 406 }
 407
 408 .gallery-columns-7 .gallery-item {
 409         width: 14.285%;
 410 }
 411
 412 .gallery-columns-8 .gallery-item {
 413         width: 12.5%;
 414 }
 415
 416 .gallery-columns-9 .gallery-item {
 417         width: 11.111%;
 418 }
 419
 420 .gallery img {
 421         max-width: 100%;
 422         height: auto;
 423         border: none;
 424         padding: 0;
 425 }
 426
 427 img.wp-oembed {
 428         border: 1px dashed #888;
 429         background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
 430         width: 300px;
 431         height: 250px;
 432         outline: 0;
 433 }
 434
 435 /* rtl */
 436 .rtl .gallery .gallery-item {
 437         float: right;
 438 }
 439
 440 @media print,
 441         (-o-min-device-pixel-ratio: 5/4),
 442         (-webkit-min-device-pixel-ratio: 1.25),
 443         (min-resolution: 120dpi) {
 444
 445         .mce-content-body img.mce-wp-more {
 446                 background-image: url( images/more-2x.png );
 447                 background-size: 1900px 20px;
 448         }
 449
 450         .mce-content-body img.mce-wp-nextpage {
 451         background-image: url( images/pagebreak-2x.png );
 452                 background-size: 1900px 20px;
 453         }
 454 }