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