Ticket #46173: 46173.patch
File 46173.patch, 73.7 KB (added by , 6 years ago) |
---|
-
src/wp-admin/edit-form-blocks.php
333 333 ) 334 334 ); 335 335 wp_tinymce_inline_scripts(); 336 wp_enqueue_editor( );336 wp_enqueue_editor( 'block' ); 337 337 338 338 /** 339 339 * Styles -
src/wp-includes/class-wp-editor.php
776 776 if ( $default_scripts || in_array( 'wplink', self::$plugins, true ) || in_array( 'link', self::$qt_buttons, true ) ) { 777 777 wp_enqueue_script( 'wplink' ); 778 778 wp_enqueue_script( 'jquery-ui-autocomplete' ); 779 wp_enqueue_style( 'wplink' ); 779 780 } 780 781 781 782 if ( self::$old_dfw_compat ) { … … 812 813 * For use when the editor is going to be initialized after page load. 813 814 * 814 815 * @since 4.8.0 816 * 817 * @param string $type The editor type, classic or block. 815 818 */ 816 public static function enqueue_default_editor( ) {819 public static function enqueue_default_editor( $type = 'classic' ) { 817 820 // We are past the point where scripts can be enqueued properly. 818 821 if ( did_action( 'wp_enqueue_editor' ) ) { 819 822 return; … … 821 824 822 825 self::enqueue_scripts( true ); 823 826 824 // Also add wp-includes/css/editor.css825 wp_enqueue_style( ' editor-buttons' );827 // Also add TinyMCE style overrides. 828 wp_enqueue_style( 'tinymce-icons-override' ); 826 829 830 if ( $type === 'classic' ) { 831 wp_enqueue_style( 'classic-editor' ); 832 } 833 827 834 if ( is_admin() ) { 828 835 add_action( 'admin_print_footer_scripts', array( __CLASS__, 'force_uncompressed_tinymce' ), 1 ); 829 836 add_action( 'admin_print_footer_scripts', array( __CLASS__, 'print_default_editor_scripts' ), 45 ); -
src/wp-includes/css/classic-editor.css
1 /*------------------------------------------------------------------------------ 2 TinyMCE and Quicklinks toolbars 3 ------------------------------------------------------------------------------*/ 4 5 /* TinyMCE widgets/containers */ 6 7 .mce-tinymce { 8 box-shadow: none; 9 } 10 11 .mce-container, 12 .mce-container *, 13 .mce-widget, 14 .mce-widget * { 15 color: inherit; 16 font-family: inherit; 17 } 18 19 .mce-container .mce-monospace, 20 .mce-widget .mce-monospace { 21 font-family: Consolas, Monaco, monospace; 22 font-size: 13px; 23 line-height: 150%; 24 } 25 26 /* TinyMCE windows */ 27 #mce-modal-block, 28 #mce-modal-block.mce-fade { 29 opacity: 0.7; 30 filter: alpha(opacity=70); 31 transition: none; 32 background: #000; 33 } 34 35 .mce-window { 36 border-radius: 0; 37 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 38 -webkit-font-smoothing: subpixel-antialiased; 39 transition: none; 40 } 41 42 .mce-window .mce-container-body.mce-abs-layout { 43 overflow: visible; 44 } 45 46 .mce-window .mce-window-head { 47 background: #fcfcfc; 48 border-bottom: 1px solid #ddd; 49 padding: 0; 50 min-height: 36px; 51 } 52 53 .mce-window .mce-window-head .mce-title { 54 color: #444; 55 font-size: 18px; 56 font-weight: 600; 57 line-height: 36px; 58 margin: 0; 59 padding: 0 36px 0 16px; 60 } 61 62 .mce-window .mce-window-head .mce-close, 63 .mce-window-head .mce-close .mce-i-remove { 64 color: transparent; 65 top: 0; 66 right: 0; 67 width: 36px; 68 height: 36px; 69 padding: 0; 70 line-height: 36px; 71 text-align: center; 72 } 73 74 .mce-window-head .mce-close .mce-i-remove:before { 75 font: normal 20px/36px dashicons; 76 text-align: center; 77 color: #666; 78 width: 36px; 79 height: 36px; 80 display: block; 81 } 82 83 .mce-window-head .mce-close:hover .mce-i-remove:before, 84 .mce-window-head .mce-close:focus .mce-i-remove:before { 85 color: #00a0d2; 86 } 87 88 .mce-window-head .mce-close:focus .mce-i-remove, 89 div.mce-tab:focus { 90 box-shadow: 0 0 0 1px #5b9dd9, 91 0 0 2px 1px rgba(30, 140, 190, 0.8); 92 } 93 94 .mce-window .mce-window-head .mce-dragh { 95 width: calc( 100% - 36px ); 96 } 97 98 .mce-window .mce-foot { 99 border-top: 1px solid #ddd; 100 } 101 102 .mce-textbox, 103 .mce-checkbox i.mce-i-checkbox, 104 #wp-link .query-results { 105 border: 1px solid #ddd; 106 border-radius: 0; 107 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 108 transition: .05s all ease-in-out; 109 } 110 111 .mce-textbox:focus, 112 .mce-textbox.mce-focus, 113 .mce-checkbox:focus i.mce-i-checkbox, 114 #wp-link .query-results:focus { 115 border-color: #5b9dd9; 116 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); 117 } 118 119 .mce-window .mce-wp-help { 120 height: 360px; 121 width: 460px; 122 overflow: auto; 123 } 124 125 .mce-window .mce-wp-help * { 126 box-sizing: border-box; 127 } 128 129 .mce-window .mce-wp-help > .mce-container-body { 130 width: auto !important; 131 } 132 133 .mce-window .wp-editor-help { 134 padding: 10px 10px 0 20px; 135 } 136 137 .mce-window .wp-editor-help h2, 138 .mce-window .wp-editor-help p { 139 margin: 8px 0; 140 white-space: normal; 141 font-size: 14px; 142 font-weight: 400; 143 } 144 145 .mce-window .wp-editor-help table { 146 width: 100%; 147 margin-bottom: 20px; 148 } 149 150 .mce-window .wp-editor-help table.wp-help-single { 151 margin: 0 8px 20px; 152 } 153 154 .mce-window .wp-editor-help table.fixed { 155 table-layout: fixed; 156 } 157 158 .mce-window .wp-editor-help table.fixed th:nth-child(odd), 159 .mce-window .wp-editor-help table.fixed td:nth-child(odd) { 160 width: 12%; 161 } 162 163 .mce-window .wp-editor-help table.fixed th:nth-child(even), 164 .mce-window .wp-editor-help table.fixed td:nth-child(even) { 165 width: 38%; 166 } 167 168 .mce-window .wp-editor-help table.fixed th:nth-child(odd) { 169 padding: 5px 0 0; 170 } 171 172 .mce-window .wp-editor-help td, 173 .mce-window .wp-editor-help th { 174 font-size: 13px; 175 padding: 5px; 176 vertical-align: middle; 177 word-wrap: break-word; 178 white-space: normal; 179 } 180 181 .mce-window .wp-editor-help th { 182 font-weight: 600; 183 padding-bottom: 0; 184 } 185 186 .mce-window .wp-editor-help kbd { 187 font-family: monospace; 188 padding: 2px 7px 3px; 189 font-weight: 600; 190 margin: 0; 191 background: #eaeaea; 192 background: rgba(0, 0, 0, 0.08); 193 } 194 195 .mce-window .wp-help-th-center td:nth-child(odd), 196 .mce-window .wp-help-th-center th:nth-child(odd) { 197 text-align: center; 198 } 199 200 /* TinyMCE menus */ 201 .mce-menu, 202 .mce-floatpanel.mce-popover { 203 border-color: rgba(0, 0, 0, 0.15); 204 border-radius: 0; 205 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 206 } 207 208 .mce-menu, 209 .mce-floatpanel.mce-popover.mce-bottom { 210 margin-top: 2px; 211 } 212 213 .mce-floatpanel .mce-arrow { 214 display: none; 215 } 216 217 .mce-menu .mce-container-body { 218 min-width: 160px; 219 } 220 221 .mce-menu-item { 222 border: none; 223 margin-bottom: 2px; 224 padding: 6px 15px 6px 12px; 225 } 226 227 .mce-menu-has-icons i.mce-ico { 228 line-height: 20px; 229 } 230 231 /* TinyMCE panel */ 232 div.mce-panel { 233 border: 0; 234 background: #fff; 235 } 236 237 .mce-panel.mce-menu { 238 border: 1px solid #ddd; 239 } 240 241 div.mce-tab { 242 line-height: 13px; 243 } 244 245 /* TinyMCE toolbars */ 246 div.mce-toolbar-grp { 247 border-bottom: 1px solid #ddd; 248 background: #f5f5f5; 249 padding: 0; 250 position: relative; 251 } 252 253 div.mce-inline-toolbar-grp { 254 border: 1px solid #a0a5aa; 255 border-radius: 2px; 256 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); 257 box-sizing: border-box; 258 margin-bottom: 8px; 259 position: absolute; 260 -moz-user-select: none; 261 -webkit-user-select: none; 262 -ms-user-select: none; 263 user-select: none; 264 max-width: 98%; 265 z-index: 100100; /* Same as the other TinyMCE "panels" */ 266 } 267 268 div.mce-inline-toolbar-grp > div.mce-stack-layout { 269 padding: 1px; 270 } 271 272 div.mce-inline-toolbar-grp.mce-arrow-up { 273 margin-bottom: 0; 274 margin-top: 8px; 275 } 276 277 div.mce-inline-toolbar-grp:before, 278 div.mce-inline-toolbar-grp:after { 279 position: absolute; 280 left: 50%; 281 display: block; 282 width: 0; 283 height: 0; 284 border-style: solid; 285 border-color: transparent; 286 content: ""; 287 } 288 289 div.mce-inline-toolbar-grp.mce-arrow-up:before { 290 top: -9px; 291 border-bottom-color: #a0a5aa; 292 border-width: 0 9px 9px; 293 margin-left: -9px; 294 } 295 296 div.mce-inline-toolbar-grp.mce-arrow-down:before { 297 bottom: -9px; 298 border-top-color: #a0a5aa; 299 border-width: 9px 9px 0; 300 margin-left: -9px; 301 } 302 303 div.mce-inline-toolbar-grp.mce-arrow-up:after { 304 top: -8px; 305 border-bottom-color: #f5f5f5; 306 border-width: 0 8px 8px; 307 margin-left: -8px; 308 } 309 310 div.mce-inline-toolbar-grp.mce-arrow-down:after { 311 bottom: -8px; 312 border-top-color: #f5f5f5; 313 border-width: 8px 8px 0; 314 margin-left: -8px; 315 } 316 317 div.mce-inline-toolbar-grp.mce-arrow-left:before, 318 div.mce-inline-toolbar-grp.mce-arrow-left:after { 319 margin: 0; 320 } 321 322 div.mce-inline-toolbar-grp.mce-arrow-left:before { 323 left: 20px; 324 } 325 div.mce-inline-toolbar-grp.mce-arrow-left:after { 326 left: 21px; 327 } 328 329 div.mce-inline-toolbar-grp.mce-arrow-right:before, 330 div.mce-inline-toolbar-grp.mce-arrow-right:after { 331 left: auto; 332 margin: 0; 333 } 334 335 div.mce-inline-toolbar-grp.mce-arrow-right:before { 336 right: 20px; 337 } 338 339 div.mce-inline-toolbar-grp.mce-arrow-right:after { 340 right: 21px; 341 } 342 343 div.mce-inline-toolbar-grp.mce-arrow-full { 344 right: 0; 345 } 346 347 div.mce-inline-toolbar-grp.mce-arrow-full > div { 348 width: 100%; 349 overflow-x: auto; 350 } 351 352 div.mce-toolbar-grp > div { 353 padding: 3px; 354 } 355 356 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first { 357 padding-right: 32px; 358 } 359 360 .mce-toolbar .mce-btn-group { 361 margin: 0; 362 } 363 364 /* Classic block hide/show toolbars */ 365 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { 366 display: none; 367 } 368 369 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { 370 display: block; 371 } 372 373 div.mce-statusbar { 374 border-top: 1px solid #e5e5e5; 375 } 376 377 div.mce-path { 378 padding: 2px 10px; 379 margin: 0; 380 } 381 382 .mce-path, 383 .mce-path-item, 384 .mce-path .mce-divider { 385 font-size: 12px; 386 } 387 388 .mce-toolbar .mce-btn, 389 .qt-dfw { 390 border-color: transparent; 391 background: transparent; 392 box-shadow: none; 393 text-shadow: none; 394 cursor: pointer; 395 } 396 397 .mce-btn .mce-txt { 398 direction: inherit; 399 text-align: inherit; 400 } 401 402 .mce-toolbar .mce-btn-group .mce-btn, 403 .qt-dfw { 404 border: 1px solid transparent; 405 margin: 2px; 406 border-radius: 2px; 407 } 408 409 .mce-toolbar .mce-btn-group .mce-btn:hover, 410 .mce-toolbar .mce-btn-group .mce-btn:focus, 411 .qt-dfw:hover, 412 .qt-dfw:focus { 413 background: #fafafa; 414 border-color: #555d66; 415 color: #23282d; 416 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); 417 outline: none; 418 } 419 420 .mce-toolbar .mce-btn-group .mce-btn.mce-active, 421 .mce-toolbar .mce-btn-group .mce-btn:active, 422 .qt-dfw.active { 423 background: #ebebeb; 424 border-color: #555d66; 425 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3); 426 } 427 428 .mce-btn.mce-active, 429 .mce-btn.mce-active button, 430 .mce-btn.mce-active:hover button, 431 .mce-btn.mce-active i, 432 .mce-btn.mce-active:hover i { 433 color: inherit; 434 } 435 436 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover, 437 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus { 438 border-color: #23282d; 439 } 440 441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, 442 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { 443 color: #a0a5aa; 444 background: none; 445 border-color: #ddd; 446 text-shadow: 0 1px 0 #fff; 447 box-shadow: none; 448 } 449 450 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { 451 border-color: #555d66; 452 } 453 454 .mce-toolbar .mce-btn-group .mce-first, 455 .mce-toolbar .mce-btn-group .mce-last { 456 border-color: transparent; 457 } 458 459 .mce-toolbar .mce-btn button, 460 .qt-dfw { 461 padding: 2px 3px; 462 line-height: normal; 463 } 464 465 .mce-toolbar .mce-listbox button { 466 font-size: 13px; 467 line-height: 20px; 468 padding-left: 6px; 469 padding-right: 20px; 470 } 471 472 .mce-toolbar .mce-btn i { 473 text-shadow: none; 474 } 475 476 .mce-toolbar .mce-btn-group > div { 477 white-space: normal; 478 } 479 480 .mce-toolbar .mce-colorbutton .mce-open { 481 border-right: 0; 482 } 483 484 .mce-toolbar .mce-colorbutton .mce-preview { 485 margin: 0; 486 padding: 0; 487 top: auto; 488 bottom: 2px; 489 left: 3px; 490 height: 3px; 491 width: 20px; 492 background: #555d66; 493 } 494 495 .mce-toolbar .mce-btn-group .mce-btn.mce-primary { 496 min-width: 0; 497 background: #0085ba; 498 border-color: #0073aa #006799 #006799; 499 box-shadow: 0 1px 0 #006799; 500 color: #fff; 501 text-decoration: none; 502 text-shadow: none; 503 } 504 505 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ 506 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { 507 padding: 2px 3px 1px; 508 } 509 510 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico { 511 color: #fff; 512 } 513 514 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover, 515 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { 516 background: #008ec2; 517 border-color: #006799; 518 color: #fff; 519 } 520 521 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { 522 box-shadow: 0 0 1px 1px #33b3db; 523 } 524 525 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active { 526 background: #0073aa; 527 border-color: #006799; 528 box-shadow: inset 0 2px 0 #006799; 529 } 530 531 /* mce listbox */ 532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { 533 border-radius: 0; 534 direction: ltr; 535 background: #fff; 536 border: 1px solid #ddd; 537 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2); 538 } 539 540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, 541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus { 542 border-color: #b4b9be; 543 } 544 545 .mce-panel .mce-btn i.mce-caret { 546 border-top: 6px solid #555d66; 547 margin-left: 2px; 548 margin-right: 2px; 549 } 550 551 .mce-listbox i.mce-caret { 552 right: 4px; 553 } 554 555 .mce-panel .mce-btn:hover i.mce-caret, 556 .mce-panel .mce-btn:focus i.mce-caret { 557 border-top-color: #23282d; 558 } 559 560 .mce-panel .mce-active i.mce-caret { 561 border-top: 0; 562 border-bottom: 6px solid #23282d; 563 margin-top: 7px; 564 } 565 566 .mce-listbox.mce-active i.mce-caret { 567 margin-top: -3px; 568 } 569 570 .mce-toolbar .mce-splitbtn:hover .mce-open { 571 border-right-color: transparent; 572 } 573 574 .mce-toolbar .mce-splitbtn .mce-open.mce-active { 575 background: transparent; 576 outline: none; 577 } 578 579 .mce-menu .mce-menu-item:hover, 580 .mce-menu .mce-menu-item.mce-selected, 581 .mce-menu .mce-menu-item:focus, 582 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, 583 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview { 584 background: #0073aa; /* See color scheme. */ 585 color: #fff; 586 } 587 588 .mce-menu .mce-menu-item:hover .mce-caret, 589 .mce-menu .mce-menu-item:focus .mce-caret, 590 .mce-menu .mce-menu-item.mce-selected .mce-caret { 591 border-left-color: #fff; 592 } 593 594 /* rtl:ignore */ 595 .rtl .mce-menu .mce-menu-item:hover .mce-caret, 596 .rtl .mce-menu .mce-menu-item:focus .mce-caret, 597 .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret { 598 border-left-color: inherit; 599 border-right-color: #fff; 600 } 601 602 .mce-menu .mce-menu-item:hover .mce-text, 603 .mce-menu .mce-menu-item:focus .mce-text, 604 .mce-menu .mce-menu-item:hover .mce-ico, 605 .mce-menu .mce-menu-item:focus .mce-ico, 606 .mce-menu .mce-menu-item.mce-selected .mce-text, 607 .mce-menu .mce-menu-item.mce-selected .mce-ico, 608 .mce-menu .mce-menu-item:hover .mce-menu-shortcut, 609 .mce-menu .mce-menu-item:focus .mce-menu-shortcut, 610 .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut, 611 .mce-menu .mce-menu-item.mce-disabled:hover .mce-text, 612 .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico { 613 color: inherit; 614 } 615 616 .mce-menu .mce-menu-item.mce-disabled { 617 cursor: default; 618 } 619 620 .mce-menu .mce-menu-item.mce-disabled:hover { 621 background: #ccc; 622 } 623 624 /* Menubar */ 625 div.mce-menubar { 626 border-color: #e5e5e5; 627 background: #fff; 628 border-width: 0px 0px 1px; 629 } 630 631 .mce-menubar .mce-menubtn:hover, 632 .mce-menubar .mce-menubtn.mce-active, 633 .mce-menubar .mce-menubtn:focus { 634 border-color: transparent; 635 background: transparent; 636 } 637 638 .mce-menubar .mce-menubtn:focus { 639 color: #124964; 640 box-shadow: 641 0 0 0 1px #5b9dd9, 642 0 0 2px 1px rgba(30, 140, 190, 0.8); 643 } 644 645 div.mce-menu .mce-menu-item-sep, 646 .mce-menu-item-sep:hover { 647 border-bottom: 1px solid #ddd; 648 height: 0px; 649 margin: 5px 0; 650 } 651 652 .mce-menubtn span { 653 margin-right: 0; 654 padding-left: 3px; 655 } 656 657 .mce-menu-has-icons i.mce-ico:before { 658 margin-left: -2px; 659 } 660 661 /* Keyboard shortcuts position */ 662 .mce-menu.mce-menu-align .mce-menu-item-normal { 663 position: relative; 664 } 665 666 .mce-menu.mce-menu-align .mce-menu-shortcut { 667 bottom: 0.6em; 668 font-size: 0.9em; 669 } 670 671 /* Buttons in modals */ 672 .mce-primary button, 673 .mce-primary button i { 674 text-align: center; 675 color: #fff; 676 text-shadow: none; 677 padding: 0; 678 line-height: 26px; 679 } 680 681 .mce-window .mce-btn { 682 color: #555; 683 background: #f7f7f7; 684 text-decoration: none; 685 font-size: 13px; 686 line-height: 26px; 687 height: 28px; 688 margin: 0; 689 padding: 0; 690 cursor: pointer; 691 border: 1px solid #cccccc; 692 -webkit-appearance: none; 693 border-radius: 3px; 694 white-space: nowrap; 695 box-shadow: 0 1px 0 #cccccc; 696 } 697 698 /* Remove the dotted border on :focus and the extra padding in Firefox */ 699 .mce-window .mce-btn::-moz-focus-inner { 700 border-width: 0; 701 border-style: none; 702 padding: 0; 703 } 704 705 .mce-window .mce-btn:hover, 706 .mce-window .mce-btn:focus { 707 background: #fafafa; 708 border-color: #999; 709 color: #23282d; 710 } 711 712 .mce-window .mce-btn:focus { 713 border-color: #5b9dd9; 714 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); 715 } 716 717 .mce-window .mce-btn:active { 718 background: #eee; 719 border-color: #999; 720 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 721 transform: translateY(1px); 722 } 723 724 .mce-window .mce-btn.mce-disabled { 725 color: #a0a5aa !important; 726 border-color: #ddd !important; 727 background: #f7f7f7 !important; 728 box-shadow: none !important; 729 text-shadow: 0 1px 0 #fff !important; 730 cursor: default; 731 transform: none !important; 732 } 733 734 .mce-window .mce-btn.mce-primary { 735 background: #0085ba; 736 border-color: #0073aa #006799 #006799; 737 box-shadow: 0 1px 0 #006799; 738 color: #fff; 739 text-decoration: none; 740 text-shadow: 0 -1px 1px #006799, 741 1px 0 1px #006799, 742 0 1px 1px #006799, 743 -1px 0 1px #006799; 744 } 745 746 .mce-window .mce-btn.mce-primary:hover, 747 .mce-window .mce-btn.mce-primary:focus { 748 background: #008ec2; 749 border-color: #006799; 750 color: #fff; 751 } 752 753 .mce-window .mce-btn.mce-primary:focus { 754 box-shadow: 0 1px 0 #0073aa, 755 0 0 2px 1px #33b3db; 756 } 757 758 .mce-window .mce-btn.mce-primary:active { 759 background: #0073aa; 760 border-color: #006799; 761 box-shadow: inset 0 2px 0 #006799; 762 vertical-align: top; 763 } 764 765 .mce-window .mce-btn.mce-primary.mce-disabled { 766 color: #66c6e4 !important; 767 background: #008ec2 !important; 768 border-color: #007cb2 !important; 769 box-shadow: none !important; 770 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; 771 cursor: default; 772 } 773 774 .mce-menubtn.mce-fixed-width span { 775 overflow-x: hidden; 776 text-overflow: ellipsis; 777 width: 82px; 778 } 779 780 /* Charmap modal */ 781 .mce-charmap { 782 margin: 3px; 783 } 784 785 .mce-charmap td { 786 padding: 0; 787 border-color: #ddd; 788 cursor: pointer; 789 } 790 791 .mce-charmap td:hover { 792 background: #f3f3f3; 793 } 794 795 .mce-charmap td div { 796 width: 18px; 797 height: 22px; 798 line-height: 22px; 799 } 800 801 /* TinyMCE tooltips */ 802 .mce-tooltip { 803 margin-top: 2px; 804 } 805 806 /* Don't show the tooltip. Used in Chrome RTL, see #42018 */ 807 .rtl .mce-tooltip.wp-hide-mce-tooltip { 808 display: none !important; 809 } 810 811 .mce-tooltip-inner { 812 border-radius: 3px; 813 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 814 color: #fff; 815 font-size: 12px; 816 } 817 818 /* TinyMCE icons */ 819 .mce-ico { 820 font-family: tinymce, Arial; 821 } 822 823 .mce-btn-small .mce-ico { 824 font-family: tinymce-small, Arial; 825 } 826 827 .mce-toolbar .mce-ico { 828 color: #555d66; 829 line-height: 20px; 830 width: 20px; 831 height: 20px; 832 text-align: center; 833 text-shadow: none; 834 margin: 0; 835 padding: 0; 836 } 837 838 .qt-dfw { 839 color: #555d66; 840 line-height: 20px; 841 width: 28px; 842 height: 26px; 843 text-align: center; 844 text-shadow: none; 845 } 846 847 .mce-toolbar .mce-btn .mce-open { 848 line-height: 20px; 849 } 850 851 .mce-toolbar .mce-btn:hover .mce-open, 852 .mce-toolbar .mce-btn:focus .mce-open, 853 .mce-toolbar .mce-btn.mce-active .mce-open { 854 border-left-color: #23282d; 855 } 856 857 div.mce-notification { 858 left: 10% !important; 859 right: 10%; 860 } 861 862 .mce-notification button.mce-close { 863 right: 6px; 864 top: 3px; 865 font-weight: 400; 866 color: #555d66; 867 } 868 869 .mce-notification button.mce-close:hover, 870 .mce-notification button.mce-close:focus { 871 color: #000; 872 } 873 874 /* Editors */ 875 .wp-editor-wrap { 876 position: relative; 877 } 878 879 .wp-editor-tools { 880 position: relative; 881 z-index: 1; 882 } 883 884 .wp-editor-tools:after { 885 clear: both; 886 content: ""; 887 display: table; 888 } 889 890 .wp-editor-container { 891 clear: both; 892 border: 1px solid #e5e5e5; 893 } 894 895 .wp-editor-area { 896 font-family: Consolas, Monaco, monospace; 897 font-size: 13px; 898 padding: 10px; 899 margin: 1px 0 0; 900 line-height: 150%; 901 border: 0; 902 outline: none; 903 display: block; 904 resize: vertical; 905 box-sizing: border-box; 906 } 907 908 .rtl .wp-editor-area { 909 font-family: Tahoma, Monaco, monospace; 910 } 911 912 .locale-he-il .wp-editor-area { 913 font-family: Arial, Monaco, monospace; 914 } 915 916 .wp-editor-container textarea.wp-editor-area { 917 width: 100%; 918 margin: 0; 919 box-shadow: none; 920 } 921 922 .wp-editor-tabs { 923 float: right; 924 } 925 926 .wp-switch-editor { 927 float: left; 928 box-sizing: content-box; 929 position: relative; 930 top: 1px; 931 background: #ebebeb; 932 color: #666; 933 cursor: pointer; 934 font-size: 13px; 935 line-height: 19px; 936 height: 20px; 937 margin: 5px 0 0 5px; 938 padding: 3px 8px 4px; 939 border: 1px solid #e5e5e5; 940 } 941 942 .wp-switch-editor:focus { 943 box-shadow: 944 0 0 0 1px #5b9dd9, 945 0 0 2px 1px rgba(30, 140, 190, 0.8); 946 outline: none; 947 color: #23282d; 948 } 949 950 .wp-switch-editor:active, 951 .html-active .switch-html:focus, 952 .tmce-active .switch-tmce:focus { 953 box-shadow: none; 954 } 955 956 .wp-switch-editor:active { 957 background-color: #f5f5f5; 958 box-shadow: none; 959 } 960 961 .js .tmce-active .wp-editor-area { 962 color: #fff; 963 } 964 965 .tmce-active .quicktags-toolbar { 966 display: none; 967 } 968 969 .tmce-active .switch-tmce, 970 .html-active .switch-html { 971 background: #f5f5f5; 972 color: #555; 973 border-bottom-color: #f5f5f5; 974 } 975 976 .wp-media-buttons { 977 float: left; 978 } 979 980 .wp-media-buttons .button { 981 margin-right: 5px; 982 margin-bottom: 4px; 983 padding-left: 7px; 984 padding-right: 7px; 985 } 986 987 .wp-media-buttons .button:active { 988 position: relative; 989 top: 1px; 990 margin-top: -1px; 991 margin-bottom: 1px; 992 } 993 994 .wp-media-buttons .insert-media { 995 padding-left: 5px; 996 } 997 998 .wp-media-buttons a { 999 text-decoration: none; 1000 color: #444; 1001 font-size: 12px; 1002 } 1003 1004 .wp-media-buttons img { 1005 padding: 0 4px; 1006 vertical-align: middle; 1007 } 1008 1009 .wp-media-buttons span.wp-media-buttons-icon { 1010 display: inline-block; 1011 width: 18px; 1012 height: 18px; 1013 vertical-align: text-top; 1014 margin: 0 2px; 1015 } 1016 1017 .wp-media-buttons .add_media span.wp-media-buttons-icon { 1018 background: none; 1019 } 1020 1021 .wp-media-buttons .add_media span.wp-media-buttons-icon:before { 1022 font: normal 18px/1 dashicons; 1023 speak: none; 1024 -webkit-font-smoothing: antialiased; 1025 -moz-osx-font-smoothing: grayscale; 1026 } 1027 1028 .wp-media-buttons .add_media span.wp-media-buttons-icon:before { 1029 content: "\f104"; 1030 } 1031 1032 .mce-content-body dl.wp-caption { 1033 max-width: 100%; 1034 } 1035 1036 /* Quicktags */ 1037 .quicktags-toolbar { 1038 padding: 3px; 1039 position: relative; 1040 border-bottom: 1px solid #ddd; 1041 background: #f5f5f5; 1042 min-height: 30px; 1043 } 1044 1045 .has-dfw .quicktags-toolbar { 1046 padding-right: 35px; 1047 } 1048 1049 .wp-core-ui .quicktags-toolbar input.button.button-small { 1050 margin: 2px; 1051 } 1052 1053 .quicktags-toolbar input[value="link"] { 1054 text-decoration: underline; 1055 } 1056 1057 .quicktags-toolbar input[value="del"] { 1058 text-decoration: line-through; 1059 } 1060 1061 .quicktags-toolbar input[value="i"] { 1062 font-style: italic; 1063 } 1064 1065 .quicktags-toolbar input[value="b"] { 1066 font-weight: 600; 1067 } 1068 1069 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw, 1070 .qt-dfw { 1071 position: absolute; 1072 top: 0; 1073 right: 0; 1074 margin: 5px 5px 0 0; 1075 } 1076 1077 .qt-fullscreen { 1078 position: static; 1079 margin: 2px; 1080 } 1081 1082 @media screen and (max-width: 782px) { 1083 .mce-toolbar .mce-btn button, 1084 .qt-dfw { 1085 padding: 6px 7px; 1086 } 1087 1088 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ 1089 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { 1090 padding: 6px 7px 5px; 1091 } 1092 1093 .mce-toolbar .mce-btn-group .mce-btn { 1094 margin: 1px; 1095 } 1096 1097 .qt-dfw { 1098 width: 36px; 1099 height: 34px; 1100 } 1101 1102 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw { 1103 margin: 4px 4px 0 0; 1104 } 1105 1106 .mce-toolbar .mce-colorbutton .mce-preview { 1107 left: 8px; 1108 bottom: 6px; 1109 } 1110 1111 .mce-window .mce-btn { 1112 padding: 2px 0; 1113 } 1114 1115 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first, 1116 .has-dfw .quicktags-toolbar { 1117 padding-right: 40px; 1118 } 1119 } 1120 1121 @media screen and (min-width: 782px) { 1122 .wp-core-ui .quicktags-toolbar input.button.button-small { 1123 /* .button-small is normally 11px, but a bit too small for these buttons. */ 1124 font-size: 12px; 1125 height: 26px; 1126 line-height: 24px; 1127 } 1128 } 1129 1130 #wp_editbtns, 1131 #wp_gallerybtns { 1132 padding: 2px; 1133 position: absolute; 1134 display: none; 1135 z-index: 100020; 1136 } 1137 1138 #wp_editimgbtn, 1139 #wp_delimgbtn, 1140 #wp_editgallery, 1141 #wp_delgallery { 1142 border-color: #999; 1143 background-color: #eee; 1144 margin: 2px; 1145 padding: 2px; 1146 border-width: 1px; 1147 border-style: solid; 1148 border-radius: 3px; 1149 } 1150 1151 #wp_editimgbtn:hover, 1152 #wp_delimgbtn:hover, 1153 #wp_editgallery:hover, 1154 #wp_delgallery:hover { 1155 border-color: #555; 1156 background-color: #ccc; 1157 } 1158 1159 /*------------------------------------------------------------------------------ 1160 wp-link 1161 ------------------------------------------------------------------------------*/ 1162 1163 /* =Overlay Body 1164 -------------------------------------------------------------- */ 1165 1166 .mce-fullscreen { 1167 z-index: 100010; 1168 } 1169 1170 /* =Localization 1171 -------------------------------------------------------------- */ 1172 .rtl .wp-switch-editor, 1173 .rtl .quicktags-toolbar input { 1174 font-family: Tahoma, sans-serif; 1175 } 1176 1177 /* rtl:ignore */ 1178 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div { 1179 direction: rtl; 1180 } 1181 1182 /* rtl:ignore */ 1183 .mce-rtl .mce-listbox i.mce-caret { 1184 left: 6px; 1185 } 1186 1187 html:lang(he-il) .rtl .wp-switch-editor, 1188 html:lang(he-il) .rtl .quicktags-toolbar input { 1189 font-family: Arial, sans-serif; 1190 } 1191 1192 /* HiDPI */ 1193 @media print, 1194 (-webkit-min-device-pixel-ratio: 1.25), 1195 (min-resolution: 120dpi) { 1196 .wp-media-buttons .add_media span.wp-media-buttons-icon { 1197 background: none; 1198 } 1199 } -
src/wp-includes/css/editor.css
Property changes on: src/wp-includes/css/classic-editor.css ___________________________________________________________________ Added: svn:eol-style ## -0,0 +1 ## +native \ No newline at end of property
1 /*------------------------------------------------------------------------------2 TinyMCE and Quicklinks toolbars3 ------------------------------------------------------------------------------*/4 5 /* TinyMCE widgets/containers */6 7 .mce-tinymce {8 box-shadow: none;9 }10 11 .mce-container,12 .mce-container *,13 .mce-widget,14 .mce-widget * {15 color: inherit;16 font-family: inherit;17 }18 19 .mce-container .mce-monospace,20 .mce-widget .mce-monospace {21 font-family: Consolas, Monaco, monospace;22 font-size: 13px;23 line-height: 150%;24 }25 26 /* TinyMCE windows */27 #mce-modal-block,28 #mce-modal-block.mce-fade {29 opacity: 0.7;30 filter: alpha(opacity=70);31 transition: none;32 background: #000;33 }34 35 .mce-window {36 border-radius: 0;37 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);38 -webkit-font-smoothing: subpixel-antialiased;39 transition: none;40 }41 42 .mce-window .mce-container-body.mce-abs-layout {43 overflow: visible;44 }45 46 .mce-window .mce-window-head {47 background: #fcfcfc;48 border-bottom: 1px solid #ddd;49 padding: 0;50 min-height: 36px;51 }52 53 .mce-window .mce-window-head .mce-title {54 color: #444;55 font-size: 18px;56 font-weight: 600;57 line-height: 36px;58 margin: 0;59 padding: 0 36px 0 16px;60 }61 62 .mce-window .mce-window-head .mce-close,63 .mce-window-head .mce-close .mce-i-remove {64 color: transparent;65 top: 0;66 right: 0;67 width: 36px;68 height: 36px;69 padding: 0;70 line-height: 36px;71 text-align: center;72 }73 74 .mce-window-head .mce-close .mce-i-remove:before {75 font: normal 20px/36px dashicons;76 text-align: center;77 color: #666;78 width: 36px;79 height: 36px;80 display: block;81 }82 83 .mce-window-head .mce-close:hover .mce-i-remove:before,84 .mce-window-head .mce-close:focus .mce-i-remove:before {85 color: #00a0d2;86 }87 88 .mce-window-head .mce-close:focus .mce-i-remove,89 div.mce-tab:focus {90 box-shadow: 0 0 0 1px #5b9dd9,91 0 0 2px 1px rgba(30, 140, 190, 0.8);92 }93 94 .mce-window .mce-window-head .mce-dragh {95 width: calc( 100% - 36px );96 }97 98 .mce-window .mce-foot {99 border-top: 1px solid #ddd;100 }101 102 .mce-textbox,103 .mce-checkbox i.mce-i-checkbox,104 #wp-link .query-results {105 border: 1px solid #ddd;106 border-radius: 0;107 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);108 transition: .05s all ease-in-out;109 }110 111 .mce-textbox:focus,112 .mce-textbox.mce-focus,113 .mce-checkbox:focus i.mce-i-checkbox,114 #wp-link .query-results:focus {115 border-color: #5b9dd9;116 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);117 }118 119 .mce-window .mce-wp-help {120 height: 360px;121 width: 460px;122 overflow: auto;123 }124 125 .mce-window .mce-wp-help * {126 box-sizing: border-box;127 }128 129 .mce-window .mce-wp-help > .mce-container-body {130 width: auto !important;131 }132 133 .mce-window .wp-editor-help {134 padding: 10px 10px 0 20px;135 }136 137 .mce-window .wp-editor-help h2,138 .mce-window .wp-editor-help p {139 margin: 8px 0;140 white-space: normal;141 font-size: 14px;142 font-weight: 400;143 }144 145 .mce-window .wp-editor-help table {146 width: 100%;147 margin-bottom: 20px;148 }149 150 .mce-window .wp-editor-help table.wp-help-single {151 margin: 0 8px 20px;152 }153 154 .mce-window .wp-editor-help table.fixed {155 table-layout: fixed;156 }157 158 .mce-window .wp-editor-help table.fixed th:nth-child(odd),159 .mce-window .wp-editor-help table.fixed td:nth-child(odd) {160 width: 12%;161 }162 163 .mce-window .wp-editor-help table.fixed th:nth-child(even),164 .mce-window .wp-editor-help table.fixed td:nth-child(even) {165 width: 38%;166 }167 168 .mce-window .wp-editor-help table.fixed th:nth-child(odd) {169 padding: 5px 0 0;170 }171 172 .mce-window .wp-editor-help td,173 .mce-window .wp-editor-help th {174 font-size: 13px;175 padding: 5px;176 vertical-align: middle;177 word-wrap: break-word;178 white-space: normal;179 }180 181 .mce-window .wp-editor-help th {182 font-weight: 600;183 padding-bottom: 0;184 }185 186 .mce-window .wp-editor-help kbd {187 font-family: monospace;188 padding: 2px 7px 3px;189 font-weight: 600;190 margin: 0;191 background: #eaeaea;192 background: rgba(0, 0, 0, 0.08);193 }194 195 .mce-window .wp-help-th-center td:nth-child(odd),196 .mce-window .wp-help-th-center th:nth-child(odd) {197 text-align: center;198 }199 200 /* TinyMCE menus */201 .mce-menu,202 .mce-floatpanel.mce-popover {203 border-color: rgba(0, 0, 0, 0.15);204 border-radius: 0;205 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);206 }207 208 .mce-menu,209 .mce-floatpanel.mce-popover.mce-bottom {210 margin-top: 2px;211 }212 213 .mce-floatpanel .mce-arrow {214 display: none;215 }216 217 .mce-menu .mce-container-body {218 min-width: 160px;219 }220 221 .mce-menu-item {222 border: none;223 margin-bottom: 2px;224 padding: 6px 15px 6px 12px;225 }226 227 .mce-menu-has-icons i.mce-ico {228 line-height: 20px;229 }230 231 /* TinyMCE panel */232 div.mce-panel {233 border: 0;234 background: #fff;235 }236 237 .mce-panel.mce-menu {238 border: 1px solid #ddd;239 }240 241 div.mce-tab {242 line-height: 13px;243 }244 245 /* TinyMCE toolbars */246 div.mce-toolbar-grp {247 border-bottom: 1px solid #ddd;248 background: #f5f5f5;249 padding: 0;250 position: relative;251 }252 253 div.mce-inline-toolbar-grp {254 border: 1px solid #a0a5aa;255 border-radius: 2px;256 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);257 box-sizing: border-box;258 margin-bottom: 8px;259 position: absolute;260 -moz-user-select: none;261 -webkit-user-select: none;262 -ms-user-select: none;263 user-select: none;264 max-width: 98%;265 z-index: 100100; /* Same as the other TinyMCE "panels" */266 }267 268 div.mce-inline-toolbar-grp > div.mce-stack-layout {269 padding: 1px;270 }271 272 div.mce-inline-toolbar-grp.mce-arrow-up {273 margin-bottom: 0;274 margin-top: 8px;275 }276 277 div.mce-inline-toolbar-grp:before,278 div.mce-inline-toolbar-grp:after {279 position: absolute;280 left: 50%;281 display: block;282 width: 0;283 height: 0;284 border-style: solid;285 border-color: transparent;286 content: "";287 }288 289 div.mce-inline-toolbar-grp.mce-arrow-up:before {290 top: -9px;291 border-bottom-color: #a0a5aa;292 border-width: 0 9px 9px;293 margin-left: -9px;294 }295 296 div.mce-inline-toolbar-grp.mce-arrow-down:before {297 bottom: -9px;298 border-top-color: #a0a5aa;299 border-width: 9px 9px 0;300 margin-left: -9px;301 }302 303 div.mce-inline-toolbar-grp.mce-arrow-up:after {304 top: -8px;305 border-bottom-color: #f5f5f5;306 border-width: 0 8px 8px;307 margin-left: -8px;308 }309 310 div.mce-inline-toolbar-grp.mce-arrow-down:after {311 bottom: -8px;312 border-top-color: #f5f5f5;313 border-width: 8px 8px 0;314 margin-left: -8px;315 }316 317 div.mce-inline-toolbar-grp.mce-arrow-left:before,318 div.mce-inline-toolbar-grp.mce-arrow-left:after {319 margin: 0;320 }321 322 div.mce-inline-toolbar-grp.mce-arrow-left:before {323 left: 20px;324 }325 div.mce-inline-toolbar-grp.mce-arrow-left:after {326 left: 21px;327 }328 329 div.mce-inline-toolbar-grp.mce-arrow-right:before,330 div.mce-inline-toolbar-grp.mce-arrow-right:after {331 left: auto;332 margin: 0;333 }334 335 div.mce-inline-toolbar-grp.mce-arrow-right:before {336 right: 20px;337 }338 339 div.mce-inline-toolbar-grp.mce-arrow-right:after {340 right: 21px;341 }342 343 div.mce-inline-toolbar-grp.mce-arrow-full {344 right: 0;345 }346 347 div.mce-inline-toolbar-grp.mce-arrow-full > div {348 width: 100%;349 overflow-x: auto;350 }351 352 div.mce-toolbar-grp > div {353 padding: 3px;354 }355 356 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {357 padding-right: 32px;358 }359 360 .mce-toolbar .mce-btn-group {361 margin: 0;362 }363 364 /* Classic block hide/show toolbars */365 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {366 display: none;367 }368 369 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {370 display: block;371 }372 373 div.mce-statusbar {374 border-top: 1px solid #e5e5e5;375 }376 377 div.mce-path {378 padding: 2px 10px;379 margin: 0;380 }381 382 .mce-path,383 .mce-path-item,384 .mce-path .mce-divider {385 font-size: 12px;386 }387 388 .mce-toolbar .mce-btn,389 .qt-dfw {390 border-color: transparent;391 background: transparent;392 box-shadow: none;393 text-shadow: none;394 cursor: pointer;395 }396 397 .mce-btn .mce-txt {398 direction: inherit;399 text-align: inherit;400 }401 402 .mce-toolbar .mce-btn-group .mce-btn,403 .qt-dfw {404 border: 1px solid transparent;405 margin: 2px;406 border-radius: 2px;407 }408 409 .mce-toolbar .mce-btn-group .mce-btn:hover,410 .mce-toolbar .mce-btn-group .mce-btn:focus,411 .qt-dfw:hover,412 .qt-dfw:focus {413 background: #fafafa;414 border-color: #555d66;415 color: #23282d;416 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);417 outline: none;418 }419 420 .mce-toolbar .mce-btn-group .mce-btn.mce-active,421 .mce-toolbar .mce-btn-group .mce-btn:active,422 .qt-dfw.active {423 background: #ebebeb;424 border-color: #555d66;425 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);426 }427 428 .mce-btn.mce-active,429 .mce-btn.mce-active button,430 .mce-btn.mce-active:hover button,431 .mce-btn.mce-active i,432 .mce-btn.mce-active:hover i {433 color: inherit;434 }435 436 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,437 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {438 border-color: #23282d;439 }440 441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,442 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {443 color: #a0a5aa;444 background: none;445 border-color: #ddd;446 text-shadow: 0 1px 0 #fff;447 box-shadow: none;448 }449 450 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {451 border-color: #555d66;452 }453 454 .mce-toolbar .mce-btn-group .mce-first,455 .mce-toolbar .mce-btn-group .mce-last {456 border-color: transparent;457 }458 459 .mce-toolbar .mce-btn button,460 .qt-dfw {461 padding: 2px 3px;462 line-height: normal;463 }464 465 .mce-toolbar .mce-listbox button {466 font-size: 13px;467 line-height: 20px;468 padding-left: 6px;469 padding-right: 20px;470 }471 472 .mce-toolbar .mce-btn i {473 text-shadow: none;474 }475 476 .mce-toolbar .mce-btn-group > div {477 white-space: normal;478 }479 480 .mce-toolbar .mce-colorbutton .mce-open {481 border-right: 0;482 }483 484 .mce-toolbar .mce-colorbutton .mce-preview {485 margin: 0;486 padding: 0;487 top: auto;488 bottom: 2px;489 left: 3px;490 height: 3px;491 width: 20px;492 background: #555d66;493 }494 495 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {496 min-width: 0;497 background: #0085ba;498 border-color: #0073aa #006799 #006799;499 box-shadow: 0 1px 0 #006799;500 color: #fff;501 text-decoration: none;502 text-shadow: none;503 }504 505 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */506 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {507 padding: 2px 3px 1px;508 }509 510 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {511 color: #fff;512 }513 514 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,515 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {516 background: #008ec2;517 border-color: #006799;518 color: #fff;519 }520 521 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {522 box-shadow: 0 0 1px 1px #33b3db;523 }524 525 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {526 background: #0073aa;527 border-color: #006799;528 box-shadow: inset 0 2px 0 #006799;529 }530 531 /* mce listbox */532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {533 border-radius: 0;534 direction: ltr;535 background: #fff;536 border: 1px solid #ddd;537 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);538 }539 540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {542 border-color: #b4b9be;543 }544 545 .mce-panel .mce-btn i.mce-caret {546 border-top: 6px solid #555d66;547 margin-left: 2px;548 margin-right: 2px;549 }550 551 .mce-listbox i.mce-caret {552 right: 4px;553 }554 555 .mce-panel .mce-btn:hover i.mce-caret,556 .mce-panel .mce-btn:focus i.mce-caret {557 border-top-color: #23282d;558 }559 560 .mce-panel .mce-active i.mce-caret {561 border-top: 0;562 border-bottom: 6px solid #23282d;563 margin-top: 7px;564 }565 566 .mce-listbox.mce-active i.mce-caret {567 margin-top: -3px;568 }569 570 .mce-toolbar .mce-splitbtn:hover .mce-open {571 border-right-color: transparent;572 }573 574 .mce-toolbar .mce-splitbtn .mce-open.mce-active {575 background: transparent;576 outline: none;577 }578 579 .mce-menu .mce-menu-item:hover,580 .mce-menu .mce-menu-item.mce-selected,581 .mce-menu .mce-menu-item:focus,582 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,583 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {584 background: #0073aa; /* See color scheme. */585 color: #fff;586 }587 588 .mce-menu .mce-menu-item:hover .mce-caret,589 .mce-menu .mce-menu-item:focus .mce-caret,590 .mce-menu .mce-menu-item.mce-selected .mce-caret {591 border-left-color: #fff;592 }593 594 /* rtl:ignore */595 .rtl .mce-menu .mce-menu-item:hover .mce-caret,596 .rtl .mce-menu .mce-menu-item:focus .mce-caret,597 .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {598 border-left-color: inherit;599 border-right-color: #fff;600 }601 602 .mce-menu .mce-menu-item:hover .mce-text,603 .mce-menu .mce-menu-item:focus .mce-text,604 .mce-menu .mce-menu-item:hover .mce-ico,605 .mce-menu .mce-menu-item:focus .mce-ico,606 .mce-menu .mce-menu-item.mce-selected .mce-text,607 .mce-menu .mce-menu-item.mce-selected .mce-ico,608 .mce-menu .mce-menu-item:hover .mce-menu-shortcut,609 .mce-menu .mce-menu-item:focus .mce-menu-shortcut,610 .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,611 .mce-menu .mce-menu-item.mce-disabled:hover .mce-text,612 .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {613 color: inherit;614 }615 616 .mce-menu .mce-menu-item.mce-disabled {617 cursor: default;618 }619 620 .mce-menu .mce-menu-item.mce-disabled:hover {621 background: #ccc;622 }623 624 /* Menubar */625 div.mce-menubar {626 border-color: #e5e5e5;627 background: #fff;628 border-width: 0px 0px 1px;629 }630 631 .mce-menubar .mce-menubtn:hover,632 .mce-menubar .mce-menubtn.mce-active,633 .mce-menubar .mce-menubtn:focus {634 border-color: transparent;635 background: transparent;636 }637 638 .mce-menubar .mce-menubtn:focus {639 color: #124964;640 box-shadow:641 0 0 0 1px #5b9dd9,642 0 0 2px 1px rgba(30, 140, 190, 0.8);643 }644 645 div.mce-menu .mce-menu-item-sep,646 .mce-menu-item-sep:hover {647 border-bottom: 1px solid #ddd;648 height: 0px;649 margin: 5px 0;650 }651 652 .mce-menubtn span {653 margin-right: 0;654 padding-left: 3px;655 }656 657 .mce-menu-has-icons i.mce-ico:before {658 margin-left: -2px;659 }660 661 /* Keyboard shortcuts position */662 .mce-menu.mce-menu-align .mce-menu-item-normal {663 position: relative;664 }665 666 .mce-menu.mce-menu-align .mce-menu-shortcut {667 bottom: 0.6em;668 font-size: 0.9em;669 }670 671 /* Buttons in modals */672 .mce-primary button,673 .mce-primary button i {674 text-align: center;675 color: #fff;676 text-shadow: none;677 padding: 0;678 line-height: 26px;679 }680 681 .mce-window .mce-btn {682 color: #555;683 background: #f7f7f7;684 text-decoration: none;685 font-size: 13px;686 line-height: 26px;687 height: 28px;688 margin: 0;689 padding: 0;690 cursor: pointer;691 border: 1px solid #cccccc;692 -webkit-appearance: none;693 border-radius: 3px;694 white-space: nowrap;695 box-shadow: 0 1px 0 #cccccc;696 }697 698 /* Remove the dotted border on :focus and the extra padding in Firefox */699 .mce-window .mce-btn::-moz-focus-inner {700 border-width: 0;701 border-style: none;702 padding: 0;703 }704 705 .mce-window .mce-btn:hover,706 .mce-window .mce-btn:focus {707 background: #fafafa;708 border-color: #999;709 color: #23282d;710 }711 712 .mce-window .mce-btn:focus {713 border-color: #5b9dd9;714 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);715 }716 717 .mce-window .mce-btn:active {718 background: #eee;719 border-color: #999;720 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);721 transform: translateY(1px);722 }723 724 .mce-window .mce-btn.mce-disabled {725 color: #a0a5aa !important;726 border-color: #ddd !important;727 background: #f7f7f7 !important;728 box-shadow: none !important;729 text-shadow: 0 1px 0 #fff !important;730 cursor: default;731 transform: none !important;732 }733 734 .mce-window .mce-btn.mce-primary {735 background: #0085ba;736 border-color: #0073aa #006799 #006799;737 box-shadow: 0 1px 0 #006799;738 color: #fff;739 text-decoration: none;740 text-shadow: 0 -1px 1px #006799,741 1px 0 1px #006799,742 0 1px 1px #006799,743 -1px 0 1px #006799;744 }745 746 .mce-window .mce-btn.mce-primary:hover,747 .mce-window .mce-btn.mce-primary:focus {748 background: #008ec2;749 border-color: #006799;750 color: #fff;751 }752 753 .mce-window .mce-btn.mce-primary:focus {754 box-shadow: 0 1px 0 #0073aa,755 0 0 2px 1px #33b3db;756 }757 758 .mce-window .mce-btn.mce-primary:active {759 background: #0073aa;760 border-color: #006799;761 box-shadow: inset 0 2px 0 #006799;762 vertical-align: top;763 }764 765 .mce-window .mce-btn.mce-primary.mce-disabled {766 color: #66c6e4 !important;767 background: #008ec2 !important;768 border-color: #007cb2 !important;769 box-shadow: none !important;770 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;771 cursor: default;772 }773 774 .mce-menubtn.mce-fixed-width span {775 overflow-x: hidden;776 text-overflow: ellipsis;777 width: 82px;778 }779 780 /* Charmap modal */781 .mce-charmap {782 margin: 3px;783 }784 785 .mce-charmap td {786 padding: 0;787 border-color: #ddd;788 cursor: pointer;789 }790 791 .mce-charmap td:hover {792 background: #f3f3f3;793 }794 795 .mce-charmap td div {796 width: 18px;797 height: 22px;798 line-height: 22px;799 }800 801 /* TinyMCE tooltips */802 .mce-tooltip {803 margin-top: 2px;804 }805 806 /* Don't show the tooltip. Used in Chrome RTL, see #42018 */807 .rtl .mce-tooltip.wp-hide-mce-tooltip {808 display: none !important;809 }810 811 .mce-tooltip-inner {812 border-radius: 3px;813 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);814 color: #fff;815 font-size: 12px;816 }817 818 /* TinyMCE icons */819 .mce-ico {820 font-family: tinymce, Arial;821 }822 823 .mce-btn-small .mce-ico {824 font-family: tinymce-small, Arial;825 }826 827 .mce-toolbar .mce-ico {828 color: #555d66;829 line-height: 20px;830 width: 20px;831 height: 20px;832 text-align: center;833 text-shadow: none;834 margin: 0;835 padding: 0;836 }837 838 .qt-dfw {839 color: #555d66;840 line-height: 20px;841 width: 28px;842 height: 26px;843 text-align: center;844 text-shadow: none;845 }846 847 .mce-toolbar .mce-btn .mce-open {848 line-height: 20px;849 }850 851 .mce-toolbar .mce-btn:hover .mce-open,852 .mce-toolbar .mce-btn:focus .mce-open,853 .mce-toolbar .mce-btn.mce-active .mce-open {854 border-left-color: #23282d;855 }856 857 div.mce-notification {858 left: 10% !important;859 right: 10%;860 }861 862 .mce-notification button.mce-close {863 right: 6px;864 top: 3px;865 font-weight: 400;866 color: #555d66;867 }868 869 .mce-notification button.mce-close:hover,870 .mce-notification button.mce-close:focus {871 color: #000;872 }873 874 i.mce-i-bold,875 i.mce-i-italic,876 i.mce-i-bullist,877 i.mce-i-numlist,878 i.mce-i-blockquote,879 i.mce-i-alignleft,880 i.mce-i-aligncenter,881 i.mce-i-alignright,882 i.mce-i-link,883 i.mce-i-unlink,884 i.mce-i-wp_more,885 i.mce-i-strikethrough,886 i.mce-i-spellchecker,887 i.mce-i-fullscreen,888 i.mce-i-wp_fullscreen,889 i.mce-i-dfw,890 i.mce-i-wp_adv,891 i.mce-i-underline,892 i.mce-i-alignjustify,893 i.mce-i-forecolor,894 i.mce-i-backcolor,895 i.mce-i-pastetext,896 i.mce-i-pasteword,897 i.mce-i-removeformat,898 i.mce-i-charmap,899 i.mce-i-outdent,900 i.mce-i-indent,901 i.mce-i-undo,902 i.mce-i-redo,903 i.mce-i-help,904 i.mce-i-wp_help,905 i.mce-i-wp-media-library,906 i.mce-i-ltr,907 i.mce-i-wp_page,908 i.mce-i-hr,909 i.mce-i-wp_code,910 i.mce-i-dashicon,911 i.mce-i-remove {912 font: normal 20px/1 dashicons;913 padding: 0;914 vertical-align: top;915 speak: none;916 -webkit-font-smoothing: antialiased;917 -moz-osx-font-smoothing: grayscale;918 margin-left: -2px;919 padding-right: 2px;920 }921 922 .qt-dfw {923 font: normal 20px/1 dashicons;924 vertical-align: top;925 speak: none;926 -webkit-font-smoothing: antialiased;927 -moz-osx-font-smoothing: grayscale;928 }929 930 i.mce-i-bold:before {931 content: "\f200";932 }933 934 i.mce-i-italic:before {935 content: "\f201";936 }937 938 i.mce-i-bullist:before {939 content: "\f203";940 }941 942 i.mce-i-numlist:before {943 content: "\f204";944 }945 946 i.mce-i-blockquote:before {947 content: "\f205";948 }949 950 i.mce-i-alignleft:before {951 content: "\f206";952 }953 954 i.mce-i-aligncenter:before {955 content: "\f207";956 }957 958 i.mce-i-alignright:before {959 content: "\f208";960 }961 962 i.mce-i-link:before {963 content: "\f103";964 }965 966 i.mce-i-unlink:before {967 content: "\f225";968 }969 970 i.mce-i-wp_more:before {971 content: "\f209";972 }973 974 i.mce-i-strikethrough:before {975 content: "\f224";976 }977 978 i.mce-i-spellchecker:before {979 content: "\f210";980 }981 982 i.mce-i-fullscreen:before,983 i.mce-i-wp_fullscreen:before,984 i.mce-i-dfw:before,985 .qt-dfw:before {986 content: "\f211";987 }988 989 i.mce-i-wp_adv:before {990 content: "\f212";991 }992 993 i.mce-i-underline:before {994 content: "\f213";995 }996 997 i.mce-i-alignjustify:before {998 content: "\f214";999 }1000 1001 i.mce-i-forecolor:before,1002 i.mce-i-backcolor:before {1003 content: "\f215";1004 }1005 1006 i.mce-i-pastetext:before {1007 content: "\f217";1008 }1009 1010 i.mce-i-removeformat:before {1011 content: "\f218";1012 }1013 1014 i.mce-i-charmap:before {1015 content: "\f220";1016 }1017 1018 i.mce-i-outdent:before {1019 content: "\f221";1020 }1021 1022 i.mce-i-indent:before {1023 content: "\f222";1024 }1025 1026 i.mce-i-undo:before {1027 content: "\f171";1028 }1029 1030 i.mce-i-redo:before {1031 content: "\f172";1032 }1033 1034 i.mce-i-help:before,1035 i.mce-i-wp_help:before {1036 content: "\f223";1037 }1038 1039 i.mce-i-wp-media-library:before {1040 content: "\f104";1041 }1042 1043 i.mce-i-ltr:before {1044 content: "\f320";1045 }1046 1047 i.mce-i-wp_page:before {1048 content: "\f105";1049 }1050 1051 i.mce-i-hr:before {1052 content: "\f460";1053 }1054 1055 i.mce-i-remove:before {1056 content: "\f158";1057 }1058 1059 i.mce-i-wp_code:before {1060 content: "\f475";1061 }1062 1063 /* RTL button icons */1064 .rtl i.mce-i-outdent:before {1065 content: "\f222";1066 }1067 1068 .rtl i.mce-i-indent:before {1069 content: "\f221";1070 }1071 1072 /* Editors */1073 .wp-editor-wrap {1074 position: relative;1075 }1076 1077 .wp-editor-tools {1078 position: relative;1079 z-index: 1;1080 }1081 1082 .wp-editor-tools:after {1083 clear: both;1084 content: "";1085 display: table;1086 }1087 1088 .wp-editor-container {1089 clear: both;1090 border: 1px solid #e5e5e5;1091 }1092 1093 .wp-editor-area {1094 font-family: Consolas, Monaco, monospace;1095 font-size: 13px;1096 padding: 10px;1097 margin: 1px 0 0;1098 line-height: 150%;1099 border: 0;1100 outline: none;1101 display: block;1102 resize: vertical;1103 box-sizing: border-box;1104 }1105 1106 .rtl .wp-editor-area {1107 font-family: Tahoma, Monaco, monospace;1108 }1109 1110 .locale-he-il .wp-editor-area {1111 font-family: Arial, Monaco, monospace;1112 }1113 1114 .wp-editor-container textarea.wp-editor-area {1115 width: 100%;1116 margin: 0;1117 box-shadow: none;1118 }1119 1120 .wp-editor-tabs {1121 float: right;1122 }1123 1124 .wp-switch-editor {1125 float: left;1126 box-sizing: content-box;1127 position: relative;1128 top: 1px;1129 background: #ebebeb;1130 color: #666;1131 cursor: pointer;1132 font-size: 13px;1133 line-height: 19px;1134 height: 20px;1135 margin: 5px 0 0 5px;1136 padding: 3px 8px 4px;1137 border: 1px solid #e5e5e5;1138 }1139 1140 .wp-switch-editor:focus {1141 box-shadow:1142 0 0 0 1px #5b9dd9,1143 0 0 2px 1px rgba(30, 140, 190, 0.8);1144 outline: none;1145 color: #23282d;1146 }1147 1148 .wp-switch-editor:active,1149 .html-active .switch-html:focus,1150 .tmce-active .switch-tmce:focus {1151 box-shadow: none;1152 }1153 1154 .wp-switch-editor:active {1155 background-color: #f5f5f5;1156 box-shadow: none;1157 }1158 1159 .js .tmce-active .wp-editor-area {1160 color: #fff;1161 }1162 1163 .tmce-active .quicktags-toolbar {1164 display: none;1165 }1166 1167 .tmce-active .switch-tmce,1168 .html-active .switch-html {1169 background: #f5f5f5;1170 color: #555;1171 border-bottom-color: #f5f5f5;1172 }1173 1174 .wp-media-buttons {1175 float: left;1176 }1177 1178 .wp-media-buttons .button {1179 margin-right: 5px;1180 margin-bottom: 4px;1181 padding-left: 7px;1182 padding-right: 7px;1183 }1184 1185 .wp-media-buttons .button:active {1186 position: relative;1187 top: 1px;1188 margin-top: -1px;1189 margin-bottom: 1px;1190 }1191 1192 .wp-media-buttons .insert-media {1193 padding-left: 5px;1194 }1195 1196 .wp-media-buttons a {1197 text-decoration: none;1198 color: #444;1199 font-size: 12px;1200 }1201 1202 .wp-media-buttons img {1203 padding: 0 4px;1204 vertical-align: middle;1205 }1206 1207 .wp-media-buttons span.wp-media-buttons-icon {1208 display: inline-block;1209 width: 18px;1210 height: 18px;1211 vertical-align: text-top;1212 margin: 0 2px;1213 }1214 1215 .wp-media-buttons .add_media span.wp-media-buttons-icon {1216 background: none;1217 }1218 1219 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {1220 font: normal 18px/1 dashicons;1221 speak: none;1222 -webkit-font-smoothing: antialiased;1223 -moz-osx-font-smoothing: grayscale;1224 }1225 1226 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {1227 content: "\f104";1228 }1229 1230 .mce-content-body dl.wp-caption {1231 max-width: 100%;1232 }1233 1234 /* Quicktags */1235 .quicktags-toolbar {1236 padding: 3px;1237 position: relative;1238 border-bottom: 1px solid #ddd;1239 background: #f5f5f5;1240 min-height: 30px;1241 }1242 1243 .has-dfw .quicktags-toolbar {1244 padding-right: 35px;1245 }1246 1247 .wp-core-ui .quicktags-toolbar input.button.button-small {1248 margin: 2px;1249 }1250 1251 .quicktags-toolbar input[value="link"] {1252 text-decoration: underline;1253 }1254 1255 .quicktags-toolbar input[value="del"] {1256 text-decoration: line-through;1257 }1258 1259 .quicktags-toolbar input[value="i"] {1260 font-style: italic;1261 }1262 1263 .quicktags-toolbar input[value="b"] {1264 font-weight: 600;1265 }1266 1267 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,1268 .qt-dfw {1269 position: absolute;1270 top: 0;1271 right: 0;1272 margin: 5px 5px 0 0;1273 }1274 1275 .qt-fullscreen {1276 position: static;1277 margin: 2px;1278 }1279 1280 @media screen and (max-width: 782px) {1281 .mce-toolbar .mce-btn button,1282 .qt-dfw {1283 padding: 6px 7px;1284 }1285 1286 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */1287 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {1288 padding: 6px 7px 5px;1289 }1290 1291 .mce-toolbar .mce-btn-group .mce-btn {1292 margin: 1px;1293 }1294 1295 .qt-dfw {1296 width: 36px;1297 height: 34px;1298 }1299 1300 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {1301 margin: 4px 4px 0 0;1302 }1303 1304 .mce-toolbar .mce-colorbutton .mce-preview {1305 left: 8px;1306 bottom: 6px;1307 }1308 1309 .mce-window .mce-btn {1310 padding: 2px 0;1311 }1312 1313 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,1314 .has-dfw .quicktags-toolbar {1315 padding-right: 40px;1316 }1317 }1318 1319 @media screen and (min-width: 782px) {1320 .wp-core-ui .quicktags-toolbar input.button.button-small {1321 /* .button-small is normally 11px, but a bit too small for these buttons. */1322 font-size: 12px;1323 height: 26px;1324 line-height: 24px;1325 }1326 }1327 1328 #wp_editbtns,1329 #wp_gallerybtns {1330 padding: 2px;1331 position: absolute;1332 display: none;1333 z-index: 100020;1334 }1335 1336 #wp_editimgbtn,1337 #wp_delimgbtn,1338 #wp_editgallery,1339 #wp_delgallery {1340 border-color: #999;1341 background-color: #eee;1342 margin: 2px;1343 padding: 2px;1344 border-width: 1px;1345 border-style: solid;1346 border-radius: 3px;1347 }1348 1349 #wp_editimgbtn:hover,1350 #wp_delimgbtn:hover,1351 #wp_editgallery:hover,1352 #wp_delgallery:hover {1353 border-color: #555;1354 background-color: #ccc;1355 }1356 1357 /*------------------------------------------------------------------------------1358 wp-link1359 ------------------------------------------------------------------------------*/1360 1361 #wp-link-wrap {1362 display: none;1363 background-color: #fff;1364 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);1365 width: 500px;1366 overflow: hidden;1367 margin-left: -250px;1368 margin-top: -125px;1369 position: fixed;1370 top: 50%;1371 left: 50%;1372 z-index: 100105;1373 transition: height 0.2s, margin-top 0.2s;1374 }1375 1376 #wp-link-backdrop {1377 display: none;1378 position: fixed;1379 top: 0;1380 left: 0;1381 right: 0;1382 bottom: 0;1383 min-height: 360px;1384 background: #000;1385 opacity: 0.7;1386 filter: alpha(opacity=70);1387 z-index: 100100;1388 }1389 1390 #wp-link {1391 position: relative;1392 height: 100%;1393 }1394 1395 #wp-link-wrap {1396 height: 500px;1397 margin-top: -250px;1398 }1399 1400 #wp-link-wrap .wp-link-text-field {1401 display: none;1402 }1403 1404 #wp-link-wrap.has-text-field .wp-link-text-field {1405 display: block;1406 }1407 1408 #link-modal-title {1409 background: #fcfcfc;1410 border-bottom: 1px solid #ddd;1411 height: 36px;1412 font-size: 18px;1413 font-weight: 600;1414 line-height: 36px;1415 margin: 0;1416 padding: 0 36px 0 16px;1417 }1418 1419 #wp-link-close {1420 color: #666;1421 padding: 0;1422 position: absolute;1423 top: 0;1424 right: 0;1425 width: 36px;1426 height: 36px;1427 text-align: center;1428 background: none;1429 border: none;1430 cursor: pointer;1431 }1432 1433 #wp-link-close:before {1434 font: normal 20px/36px dashicons;1435 vertical-align: top;1436 speak: none;1437 -webkit-font-smoothing: antialiased;1438 -moz-osx-font-smoothing: grayscale;1439 width: 36px;1440 height: 36px;1441 content: "\f158";1442 }1443 1444 #wp-link-close:hover,1445 #wp-link-close:focus {1446 color: #00a0d2;1447 }1448 1449 #wp-link-close:focus {1450 outline: none;1451 box-shadow:1452 0 0 0 1px #5b9dd9,1453 0 0 2px 1px rgba(30, 140, 190, 0.8);1454 }1455 1456 #wp-link-wrap #link-selector {1457 -webkit-overflow-scrolling: touch;1458 padding: 0 16px;1459 position: absolute;1460 top: 37px;1461 left: 0;1462 right: 0;1463 bottom: 44px;1464 }1465 1466 #wp-link ol,1467 #wp-link ul {1468 list-style: none;1469 margin: 0;1470 padding: 0;1471 }1472 1473 #wp-link input[type="text"] {1474 box-sizing: border-box;1475 }1476 1477 #wp-link #link-options {1478 padding: 8px 0 12px;1479 }1480 1481 #wp-link p.howto {1482 margin: 3px 0;1483 }1484 1485 #wp-link p.howto a {1486 text-decoration: none;1487 color: inherit;1488 }1489 1490 #wp-link label input[type="text"] {1491 margin-top: 5px;1492 width: 70%;1493 }1494 1495 #wp-link #link-options label span,1496 #wp-link #search-panel label span.search-label {1497 display: inline-block;1498 width: 80px;1499 text-align: right;1500 padding-right: 5px;1501 max-width: 24%;1502 vertical-align: middle;1503 word-wrap: break-word;1504 }1505 1506 #wp-link .link-search-field {1507 float: left;1508 width: 250px;1509 max-width: 70%;1510 }1511 1512 #wp-link .link-search-wrapper {1513 margin: 5px 0 9px;1514 display: block;1515 overflow: hidden;1516 }1517 1518 #wp-link .link-search-wrapper span {1519 float: left;1520 margin-top: 4px;1521 }1522 1523 #wp-link .link-search-wrapper .spinner {1524 margin-top: 5px;1525 }1526 1527 #wp-link .link-target {1528 padding: 3px 0 0;1529 white-space: nowrap;1530 overflow: hidden;1531 text-overflow: ellipsis;1532 }1533 1534 #wp-link .link-target label {1535 max-width: 70%;1536 }1537 1538 #wp-link .query-results {1539 border: 1px #dfdfdf solid;1540 margin: 0 0 12px;1541 background: #fff;1542 overflow: auto;1543 position: absolute;1544 left: 16px;1545 right: 16px;1546 bottom: 0;1547 top: 166px;1548 }1549 1550 .has-text-field #wp-link .query-results {1551 top: 200px;1552 }1553 1554 #wp-link li {1555 clear: both;1556 margin-bottom: 0;1557 border-bottom: 1px solid #f1f1f1;1558 color: #32373c;1559 padding: 4px 6px 4px 10px;1560 cursor: pointer;1561 position: relative;1562 }1563 1564 #wp-link .query-notice {1565 padding: 0;1566 border-bottom: 1px solid #dfdfdf;1567 background-color: #f7fcfe;1568 color: #000;1569 }1570 1571 #wp-link .query-notice .query-notice-default,1572 #wp-link .query-notice .query-notice-hint {1573 display: block;1574 padding: 6px;1575 border-left: 4px solid #00a0d2;1576 }1577 1578 #wp-link .unselectable.no-matches-found {1579 padding: 0;1580 border-bottom: 1px solid #dfdfdf;1581 background-color: #fef7f1;1582 }1583 1584 #wp-link .no-matches-found .item-title {1585 display: block;1586 padding: 6px;1587 border-left: 4px solid #d54e21;1588 }1589 1590 #wp-link .query-results em {1591 font-style: normal;1592 }1593 1594 #wp-link li:hover {1595 background: #eaf2fa;1596 color: #151515;1597 }1598 1599 #wp-link li.unselectable {1600 border-bottom: 1px solid #dfdfdf;1601 }1602 1603 #wp-link li.unselectable:hover {1604 background: #fff;1605 cursor: auto;1606 color: #32373c;1607 }1608 1609 #wp-link li.selected {1610 background: #ddd;1611 color: #32373c;1612 }1613 1614 #wp-link li.selected .item-title {1615 font-weight: 600;1616 }1617 1618 #wp-link li:last-child {1619 border: none;1620 }1621 1622 #wp-link .item-title {1623 display: inline-block;1624 width: 80%;1625 width: calc(100% - 68px);1626 word-wrap: break-word;1627 }1628 1629 #wp-link .item-info {1630 text-transform: uppercase;1631 color: #666;1632 font-size: 11px;1633 position: absolute;1634 right: 5px;1635 top: 5px;1636 }1637 1638 #wp-link .river-waiting {1639 display: none;1640 padding: 10px 0;1641 }1642 1643 #wp-link .submitbox {1644 padding: 8px 16px;1645 background: #fcfcfc;1646 border-top: 1px solid #ddd;1647 position: absolute;1648 bottom: 0;1649 left: 0;1650 right: 0;1651 }1652 1653 #wp-link-cancel {1654 line-height: 25px;1655 float: left;1656 }1657 1658 #wp-link-update {1659 line-height: 23px;1660 float: right;1661 }1662 1663 #wp-link-submit {1664 float: right;1665 }1666 1667 @media screen and (max-width: 782px) {1668 #wp-link-wrap {1669 margin-top: -140px;1670 }1671 1672 #wp-link-wrap .query-results {1673 top: 195px;1674 }1675 1676 #wp-link-wrap.has-text-field .query-results {1677 top: 235px;1678 }1679 1680 #link-selector {1681 padding: 0 16px 60px;1682 }1683 1684 #wp-link-wrap #link-selector {1685 bottom: 52px;1686 }1687 1688 #wp-link-cancel {1689 line-height: 32px;1690 }1691 1692 #wp-link .link-target {1693 padding-top: 10px;1694 }1695 1696 #wp-link .submitbox .button {1697 margin-bottom: 0;1698 }1699 }1700 1701 @media screen and (max-width: 520px) {1702 #wp-link-wrap {1703 width: auto;1704 margin-left: 0;1705 left: 10px;1706 right: 10px;1707 max-width: 500px;1708 }1709 }1710 1711 @media screen and (max-height: 520px) {1712 #wp-link-wrap {1713 transition: none;1714 height: auto;1715 margin-top: 0;1716 top: 10px;1717 bottom: 10px;1718 }1719 1720 #link-selector {1721 overflow: auto;1722 }1723 1724 #search-panel .query-results {1725 position: static;1726 }1727 }1728 1729 @media screen and (max-height: 290px) {1730 #wp-link-wrap {1731 height: auto;1732 margin-top: 0;1733 top: 10px;1734 bottom: 10px;1735 }1736 1737 #link-selector {1738 overflow: auto;1739 height: calc(100% - 92px);1740 padding-bottom: 2px;1741 }1742 1743 #search-panel .query-results {1744 position: static;1745 }1746 }1747 1748 div.wp-link-preview {1749 float: left;1750 margin: 5px;1751 max-width: 694px;1752 overflow: hidden;1753 text-overflow: ellipsis;1754 }1755 1756 div.wp-link-preview a {1757 color: #0073aa;1758 text-decoration: underline;1759 transition-property: border, background, color;1760 transition-duration: .05s;1761 transition-timing-function: ease-in-out;1762 cursor: pointer;1763 }1764 1765 div.wp-link-preview a.wplink-url-error {1766 color: #dc3232;1767 }1768 1769 div.wp-link-input {1770 float: left;1771 margin: 2px;1772 max-width: 694px;1773 }1774 1775 div.wp-link-input input {1776 width: 300px;1777 padding: 3px;1778 box-sizing: border-box;1779 }1780 1781 .mce-toolbar div.wp-link-preview ~ .mce-btn,1782 .mce-toolbar div.wp-link-input ~ .mce-btn {1783 margin: 2px 1px;1784 }1785 1786 .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {1787 margin-right: 2px;1788 }1789 1790 .ui-autocomplete.wplink-autocomplete {1791 z-index: 100110;1792 max-height: 200px;1793 overflow-y: auto;1794 padding: 0;1795 margin: 0;1796 list-style: none;1797 position: absolute;1798 border: 1px solid #5b9dd9;1799 box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);1800 background-color: #fff;1801 }1802 1803 .ui-autocomplete.wplink-autocomplete li {1804 margin-bottom: 0;1805 padding: 4px 10px;1806 clear: both;1807 white-space: normal;1808 text-align: left;1809 }1810 1811 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {1812 float: right;1813 }1814 1815 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {1816 background-color: #ddd;1817 cursor: pointer;1818 }1819 1820 @media screen and (max-width: 782px) {1821 div.wp-link-preview,1822 div.wp-link-input {1823 max-width: 70%;1824 max-width: calc(100% - 86px);1825 }1826 1827 div.wp-link-preview {1828 margin: 8px 0 8px 5px;1829 }1830 1831 div.wp-link-input {1832 width: 300px;1833 }1834 1835 div.wp-link-input input {1836 width: 100%;1837 font-size: 16px;1838 padding: 5px;1839 }1840 }1841 1842 /* =Overlay Body1843 -------------------------------------------------------------- */1844 1845 .mce-fullscreen {1846 z-index: 100010;1847 }1848 1849 /* =Localization1850 -------------------------------------------------------------- */1851 .rtl .wp-switch-editor,1852 .rtl .quicktags-toolbar input {1853 font-family: Tahoma, sans-serif;1854 }1855 1856 /* rtl:ignore */1857 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {1858 direction: rtl;1859 }1860 1861 /* rtl:ignore */1862 .mce-rtl .mce-listbox i.mce-caret {1863 left: 6px;1864 }1865 1866 html:lang(he-il) .rtl .wp-switch-editor,1867 html:lang(he-il) .rtl .quicktags-toolbar input {1868 font-family: Arial, sans-serif;1869 }1870 1871 /* HiDPI */1872 @media print,1873 (-webkit-min-device-pixel-ratio: 1.25),1874 (min-resolution: 120dpi) {1875 .wp-media-buttons .add_media span.wp-media-buttons-icon {1876 background: none;1877 }1878 } -
src/wp-includes/css/tinymce-icons-override.css
Property changes on: src/wp-includes/css/editor.css ___________________________________________________________________ Deleted: svn:eol-style ## -1 +0,0 ## -native \ No newline at end of property
1 /*------------------------------------------------------------------------------ 2 TinyMCE icons override 3 ------------------------------------------------------------------------------*/ 4 5 i.mce-i-bold, 6 i.mce-i-italic, 7 i.mce-i-bullist, 8 i.mce-i-numlist, 9 i.mce-i-blockquote, 10 i.mce-i-alignleft, 11 i.mce-i-aligncenter, 12 i.mce-i-alignright, 13 i.mce-i-link, 14 i.mce-i-unlink, 15 i.mce-i-wp_more, 16 i.mce-i-strikethrough, 17 i.mce-i-spellchecker, 18 i.mce-i-fullscreen, 19 i.mce-i-wp_fullscreen, 20 i.mce-i-dfw, 21 i.mce-i-wp_adv, 22 i.mce-i-underline, 23 i.mce-i-alignjustify, 24 i.mce-i-forecolor, 25 i.mce-i-backcolor, 26 i.mce-i-pastetext, 27 i.mce-i-pasteword, 28 i.mce-i-removeformat, 29 i.mce-i-charmap, 30 i.mce-i-outdent, 31 i.mce-i-indent, 32 i.mce-i-undo, 33 i.mce-i-redo, 34 i.mce-i-help, 35 i.mce-i-wp_help, 36 i.mce-i-wp-media-library, 37 i.mce-i-ltr, 38 i.mce-i-wp_page, 39 i.mce-i-hr, 40 i.mce-i-wp_code, 41 i.mce-i-dashicon, 42 i.mce-i-remove { 43 font: normal 20px/1 dashicons; 44 padding: 0; 45 vertical-align: top; 46 speak: none; 47 -webkit-font-smoothing: antialiased; 48 -moz-osx-font-smoothing: grayscale; 49 margin-left: -2px; 50 padding-right: 2px; 51 } 52 53 .qt-dfw { 54 font: normal 20px/1 dashicons; 55 vertical-align: top; 56 speak: none; 57 -webkit-font-smoothing: antialiased; 58 -moz-osx-font-smoothing: grayscale; 59 } 60 61 i.mce-i-bold:before { 62 content: "\f200"; 63 } 64 65 i.mce-i-italic:before { 66 content: "\f201"; 67 } 68 69 i.mce-i-bullist:before { 70 content: "\f203"; 71 } 72 73 i.mce-i-numlist:before { 74 content: "\f204"; 75 } 76 77 i.mce-i-blockquote:before { 78 content: "\f205"; 79 } 80 81 i.mce-i-alignleft:before { 82 content: "\f206"; 83 } 84 85 i.mce-i-aligncenter:before { 86 content: "\f207"; 87 } 88 89 i.mce-i-alignright:before { 90 content: "\f208"; 91 } 92 93 i.mce-i-link:before { 94 content: "\f103"; 95 } 96 97 i.mce-i-unlink:before { 98 content: "\f225"; 99 } 100 101 i.mce-i-wp_more:before { 102 content: "\f209"; 103 } 104 105 i.mce-i-strikethrough:before { 106 content: "\f224"; 107 } 108 109 i.mce-i-spellchecker:before { 110 content: "\f210"; 111 } 112 113 i.mce-i-fullscreen:before, 114 i.mce-i-wp_fullscreen:before, 115 i.mce-i-dfw:before, 116 .qt-dfw:before { 117 content: "\f211"; 118 } 119 120 i.mce-i-wp_adv:before { 121 content: "\f212"; 122 } 123 124 i.mce-i-underline:before { 125 content: "\f213"; 126 } 127 128 i.mce-i-alignjustify:before { 129 content: "\f214"; 130 } 131 132 i.mce-i-forecolor:before, 133 i.mce-i-backcolor:before { 134 content: "\f215"; 135 } 136 137 i.mce-i-pastetext:before { 138 content: "\f217"; 139 } 140 141 i.mce-i-removeformat:before { 142 content: "\f218"; 143 } 144 145 i.mce-i-charmap:before { 146 content: "\f220"; 147 } 148 149 i.mce-i-outdent:before { 150 content: "\f221"; 151 } 152 153 i.mce-i-indent:before { 154 content: "\f222"; 155 } 156 157 i.mce-i-undo:before { 158 content: "\f171"; 159 } 160 161 i.mce-i-redo:before { 162 content: "\f172"; 163 } 164 165 i.mce-i-help:before, 166 i.mce-i-wp_help:before { 167 content: "\f223"; 168 } 169 170 i.mce-i-wp-media-library:before { 171 content: "\f104"; 172 } 173 174 i.mce-i-ltr:before { 175 content: "\f320"; 176 } 177 178 i.mce-i-wp_page:before { 179 content: "\f105"; 180 } 181 182 i.mce-i-hr:before { 183 content: "\f460"; 184 } 185 186 i.mce-i-remove:before { 187 content: "\f158"; 188 } 189 190 i.mce-i-wp_code:before { 191 content: "\f475"; 192 } 193 194 /* RTL button icons */ 195 .rtl i.mce-i-outdent:before { 196 content: "\f222"; 197 } 198 199 .rtl i.mce-i-indent:before { 200 content: "\f221"; 201 } -
src/wp-includes/css/wplink.css
1 /*------------------------------------------------------------------------------ 2 WP-Link modal 3 ------------------------------------------------------------------------------*/ 4 5 #wp-link-wrap { 6 display: none; 7 background-color: #fff; 8 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 9 width: 500px; 10 overflow: hidden; 11 margin-left: -250px; 12 margin-top: -125px; 13 position: fixed; 14 top: 50%; 15 left: 50%; 16 z-index: 100105; 17 transition: height 0.2s, margin-top 0.2s; 18 } 19 20 #wp-link-backdrop { 21 display: none; 22 position: fixed; 23 top: 0; 24 left: 0; 25 right: 0; 26 bottom: 0; 27 min-height: 360px; 28 background: #000; 29 opacity: 0.7; 30 filter: alpha(opacity=70); 31 z-index: 100100; 32 } 33 34 #wp-link { 35 position: relative; 36 height: 100%; 37 } 38 39 #wp-link-wrap { 40 height: 500px; 41 margin-top: -250px; 42 } 43 44 #wp-link-wrap .wp-link-text-field { 45 display: none; 46 } 47 48 #wp-link-wrap.has-text-field .wp-link-text-field { 49 display: block; 50 } 51 52 #link-modal-title { 53 background: #fcfcfc; 54 border-bottom: 1px solid #ddd; 55 height: 36px; 56 font-size: 18px; 57 font-weight: 600; 58 line-height: 36px; 59 margin: 0; 60 padding: 0 36px 0 16px; 61 } 62 63 #wp-link-close { 64 color: #666; 65 padding: 0; 66 position: absolute; 67 top: 0; 68 right: 0; 69 width: 36px; 70 height: 36px; 71 text-align: center; 72 background: none; 73 border: none; 74 cursor: pointer; 75 } 76 77 #wp-link-close:before { 78 font: normal 20px/36px dashicons; 79 vertical-align: top; 80 speak: none; 81 -webkit-font-smoothing: antialiased; 82 -moz-osx-font-smoothing: grayscale; 83 width: 36px; 84 height: 36px; 85 content: "\f158"; 86 } 87 88 #wp-link-close:hover, 89 #wp-link-close:focus { 90 color: #00a0d2; 91 } 92 93 #wp-link-close:focus { 94 outline: none; 95 box-shadow: 96 0 0 0 1px #5b9dd9, 97 0 0 2px 1px rgba(30, 140, 190, 0.8); 98 } 99 100 #wp-link-wrap #link-selector { 101 -webkit-overflow-scrolling: touch; 102 padding: 0 16px; 103 position: absolute; 104 top: 37px; 105 left: 0; 106 right: 0; 107 bottom: 44px; 108 } 109 110 #wp-link ol, 111 #wp-link ul { 112 list-style: none; 113 margin: 0; 114 padding: 0; 115 } 116 117 #wp-link input[type="text"] { 118 box-sizing: border-box; 119 } 120 121 #wp-link #link-options { 122 padding: 8px 0 12px; 123 } 124 125 #wp-link p.howto { 126 margin: 3px 0; 127 } 128 129 #wp-link p.howto a { 130 text-decoration: none; 131 color: inherit; 132 } 133 134 #wp-link label input[type="text"] { 135 margin-top: 5px; 136 width: 70%; 137 } 138 139 #wp-link #link-options label span, 140 #wp-link #search-panel label span.search-label { 141 display: inline-block; 142 width: 80px; 143 text-align: right; 144 padding-right: 5px; 145 max-width: 24%; 146 vertical-align: middle; 147 word-wrap: break-word; 148 } 149 150 #wp-link .link-search-field { 151 float: left; 152 width: 250px; 153 max-width: 70%; 154 } 155 156 #wp-link .link-search-wrapper { 157 margin: 5px 0 9px; 158 display: block; 159 overflow: hidden; 160 } 161 162 #wp-link .link-search-wrapper span { 163 float: left; 164 margin-top: 4px; 165 } 166 167 #wp-link .link-search-wrapper .spinner { 168 margin-top: 5px; 169 } 170 171 #wp-link .link-target { 172 padding: 3px 0 0; 173 white-space: nowrap; 174 overflow: hidden; 175 text-overflow: ellipsis; 176 } 177 178 #wp-link .link-target label { 179 max-width: 70%; 180 } 181 182 #wp-link .query-results { 183 border: 1px #dfdfdf solid; 184 margin: 0 0 12px; 185 background: #fff; 186 overflow: auto; 187 position: absolute; 188 left: 16px; 189 right: 16px; 190 bottom: 0; 191 top: 166px; 192 } 193 194 .has-text-field #wp-link .query-results { 195 top: 200px; 196 } 197 198 #wp-link li { 199 clear: both; 200 margin-bottom: 0; 201 border-bottom: 1px solid #f1f1f1; 202 color: #32373c; 203 padding: 4px 6px 4px 10px; 204 cursor: pointer; 205 position: relative; 206 } 207 208 #wp-link .query-notice { 209 padding: 0; 210 border-bottom: 1px solid #dfdfdf; 211 background-color: #f7fcfe; 212 color: #000; 213 } 214 215 #wp-link .query-notice .query-notice-default, 216 #wp-link .query-notice .query-notice-hint { 217 display: block; 218 padding: 6px; 219 border-left: 4px solid #00a0d2; 220 } 221 222 #wp-link .unselectable.no-matches-found { 223 padding: 0; 224 border-bottom: 1px solid #dfdfdf; 225 background-color: #fef7f1; 226 } 227 228 #wp-link .no-matches-found .item-title { 229 display: block; 230 padding: 6px; 231 border-left: 4px solid #d54e21; 232 } 233 234 #wp-link .query-results em { 235 font-style: normal; 236 } 237 238 #wp-link li:hover { 239 background: #eaf2fa; 240 color: #151515; 241 } 242 243 #wp-link li.unselectable { 244 border-bottom: 1px solid #dfdfdf; 245 } 246 247 #wp-link li.unselectable:hover { 248 background: #fff; 249 cursor: auto; 250 color: #32373c; 251 } 252 253 #wp-link li.selected { 254 background: #ddd; 255 color: #32373c; 256 } 257 258 #wp-link li.selected .item-title { 259 font-weight: 600; 260 } 261 262 #wp-link li:last-child { 263 border: none; 264 } 265 266 #wp-link .item-title { 267 display: inline-block; 268 width: 80%; 269 width: calc(100% - 68px); 270 word-wrap: break-word; 271 } 272 273 #wp-link .item-info { 274 text-transform: uppercase; 275 color: #666; 276 font-size: 11px; 277 position: absolute; 278 right: 5px; 279 top: 5px; 280 } 281 282 #wp-link .river-waiting { 283 display: none; 284 padding: 10px 0; 285 } 286 287 #wp-link .submitbox { 288 padding: 8px 16px; 289 background: #fcfcfc; 290 border-top: 1px solid #ddd; 291 position: absolute; 292 bottom: 0; 293 left: 0; 294 right: 0; 295 } 296 297 #wp-link-cancel { 298 line-height: 25px; 299 float: left; 300 } 301 302 #wp-link-update { 303 line-height: 23px; 304 float: right; 305 } 306 307 #wp-link-submit { 308 float: right; 309 } 310 311 @media screen and (max-width: 782px) { 312 #wp-link-wrap { 313 margin-top: -140px; 314 } 315 316 #wp-link-wrap .query-results { 317 top: 195px; 318 } 319 320 #wp-link-wrap.has-text-field .query-results { 321 top: 235px; 322 } 323 324 #link-selector { 325 padding: 0 16px 60px; 326 } 327 328 #wp-link-wrap #link-selector { 329 bottom: 52px; 330 } 331 332 #wp-link-cancel { 333 line-height: 32px; 334 } 335 336 #wp-link .link-target { 337 padding-top: 10px; 338 } 339 340 #wp-link .submitbox .button { 341 margin-bottom: 0; 342 } 343 } 344 345 @media screen and (max-width: 520px) { 346 #wp-link-wrap { 347 width: auto; 348 margin-left: 0; 349 left: 10px; 350 right: 10px; 351 max-width: 500px; 352 } 353 } 354 355 @media screen and (max-height: 520px) { 356 #wp-link-wrap { 357 transition: none; 358 height: auto; 359 margin-top: 0; 360 top: 10px; 361 bottom: 10px; 362 } 363 364 #link-selector { 365 overflow: auto; 366 } 367 368 #search-panel .query-results { 369 position: static; 370 } 371 } 372 373 @media screen and (max-height: 290px) { 374 #wp-link-wrap { 375 height: auto; 376 margin-top: 0; 377 top: 10px; 378 bottom: 10px; 379 } 380 381 #link-selector { 382 overflow: auto; 383 height: calc(100% - 92px); 384 padding-bottom: 2px; 385 } 386 387 #search-panel .query-results { 388 position: static; 389 } 390 } 391 392 div.wp-link-preview { 393 float: left; 394 margin: 5px; 395 max-width: 694px; 396 overflow: hidden; 397 text-overflow: ellipsis; 398 } 399 400 div.wp-link-preview a { 401 color: #0073aa; 402 text-decoration: underline; 403 transition-property: border, background, color; 404 transition-duration: .05s; 405 transition-timing-function: ease-in-out; 406 cursor: pointer; 407 } 408 409 div.wp-link-preview a.wplink-url-error { 410 color: #dc3232; 411 } 412 413 div.wp-link-input { 414 float: left; 415 margin: 2px; 416 max-width: 694px; 417 } 418 419 div.wp-link-input input { 420 width: 300px; 421 padding: 3px; 422 box-sizing: border-box; 423 } 424 425 .mce-toolbar div.wp-link-preview ~ .mce-btn, 426 .mce-toolbar div.wp-link-input ~ .mce-btn { 427 margin: 2px 1px; 428 } 429 430 .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child { 431 margin-right: 2px; 432 } 433 434 .ui-autocomplete.wplink-autocomplete { 435 z-index: 100110; 436 max-height: 200px; 437 overflow-y: auto; 438 padding: 0; 439 margin: 0; 440 list-style: none; 441 position: absolute; 442 border: 1px solid #5b9dd9; 443 box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8); 444 background-color: #fff; 445 } 446 447 .ui-autocomplete.wplink-autocomplete li { 448 margin-bottom: 0; 449 padding: 4px 10px; 450 clear: both; 451 white-space: normal; 452 text-align: left; 453 } 454 455 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right { 456 float: right; 457 } 458 459 .ui-autocomplete.wplink-autocomplete li.ui-state-focus { 460 background-color: #ddd; 461 cursor: pointer; 462 } 463 464 @media screen and (max-width: 782px) { 465 div.wp-link-preview, 466 div.wp-link-input { 467 max-width: 70%; 468 max-width: calc(100% - 86px); 469 } 470 471 div.wp-link-preview { 472 margin: 8px 0 8px 5px; 473 } 474 475 div.wp-link-input { 476 width: 300px; 477 } 478 479 div.wp-link-input input { 480 width: 100%; 481 font-size: 16px; 482 padding: 5px; 483 } 484 } 485 -
src/wp-includes/general-template.php
3202 3202 * 3203 3203 * @uses _WP_Editors 3204 3204 * @since 4.8.0 3205 * 3206 * @param string $type The editor type, classic or block. 3205 3207 */ 3206 function wp_enqueue_editor( ) {3208 function wp_enqueue_editor( $type = 'classic' ) { 3207 3209 if ( ! class_exists( '_WP_Editors', false ) ) { 3208 3210 require( ABSPATH . WPINC . '/class-wp-editor.php' ); 3209 3211 } 3210 3212 3211 _WP_Editors::enqueue_default_editor( );3213 _WP_Editors::enqueue_default_editor( $type ); 3212 3214 } 3213 3215 3214 3216 /** -
src/wp-includes/script-loader.php
1924 1924 // Includes CSS 1925 1925 $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array( 'dashicons' ) ); 1926 1926 $styles->add( 'wp-auth-check', "/wp-includes/css/wp-auth-check$suffix.css", array( 'dashicons' ) ); 1927 $styles->add( 'editor-buttons', "/wp-includes/css/editor$suffix.css", array( 'dashicons' ) );1928 1927 $styles->add( 'media-views', "/wp-includes/css/media-views$suffix.css", array( 'buttons', 'dashicons', 'wp-mediaelement' ) ); 1929 1928 $styles->add( 'wp-pointer', "/wp-includes/css/wp-pointer$suffix.css", array( 'dashicons' ) ); 1930 1929 $styles->add( 'customize-preview', "/wp-includes/css/customize-preview$suffix.css", array( 'dashicons' ) ); … … 1931 1930 $styles->add( 'wp-embed-template-ie', "/wp-includes/css/wp-embed-template-ie$suffix.css" ); 1932 1931 $styles->add_data( 'wp-embed-template-ie', 'conditional', 'lte IE 8' ); 1933 1932 1933 $styles->add( 'classic-editor', "/wp-includes/css/classic-editor$suffix.css", array() ); 1934 $styles->add( 'tinymce-icons-override', "/wp-includes/css/tinymce-icons-override$suffix.css", array( 'dashicons' ) ); 1935 $styles->add( 'wplink', "/wp-includes/css/wplink$suffix.css", array() ); 1936 $styles->add( 'editor-buttons', false, array( 'classic-editor', 'tinymce-icons-override', 'wplink' ) ); 1937 1934 1938 // External libraries and friends 1935 1939 $styles->add( 'imgareaselect', '/wp-includes/js/imgareaselect/imgareaselect.css', array(), '0.9.8' ); 1936 1940 $styles->add( 'wp-jquery-ui-dialog', "/wp-includes/css/jquery-ui-dialog$suffix.css", array( 'dashicons' ) );