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