editor.css (32978B)
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: #fff; 48 border-bottom: 1px solid #dcdcde; 49 padding: 0; 50 min-height: 36px; 51 } 52 53 .mce-window .mce-window-head .mce-title { 54 color: #3c434a; 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: #646970; 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: #135e96; 86 } 87 88 .mce-window-head .mce-close:focus .mce-i-remove, 89 div.mce-tab:focus { 90 box-shadow: 0 0 0 1px #4f94d4, 91 0 0 2px 1px rgba(79, 148, 212, 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 #dcdcde; 100 } 101 102 .mce-textbox, 103 .mce-checkbox i.mce-i-checkbox, 104 #wp-link .query-results { 105 border: 1px solid #dcdcde; 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: #4f94d4; 116 box-shadow: 0 0 2px rgba(79, 148, 212, 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: #f0f0f1; 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 #dcdcde; 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 #dcdcde; 248 background: #f6f7f7; 249 padding: 0; 250 position: relative; 251 } 252 253 div.mce-inline-toolbar-grp { 254 border: 1px solid #a7aaad; 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 -webkit-user-select: none; 261 user-select: none; 262 max-width: 98%; 263 z-index: 100100; /* Same as the other TinyMCE "panels" */ 264 } 265 266 div.mce-inline-toolbar-grp > div.mce-stack-layout { 267 padding: 1px; 268 } 269 270 div.mce-inline-toolbar-grp.mce-arrow-up { 271 margin-bottom: 0; 272 margin-top: 8px; 273 } 274 275 div.mce-inline-toolbar-grp:before, 276 div.mce-inline-toolbar-grp:after { 277 position: absolute; 278 left: 50%; 279 display: block; 280 width: 0; 281 height: 0; 282 border-style: solid; 283 border-color: transparent; 284 content: ""; 285 } 286 287 div.mce-inline-toolbar-grp.mce-arrow-up:before { 288 top: -9px; 289 border-bottom-color: #a7aaad; 290 border-width: 0 9px 9px; 291 margin-left: -9px; 292 } 293 294 div.mce-inline-toolbar-grp.mce-arrow-down:before { 295 bottom: -9px; 296 border-top-color: #a7aaad; 297 border-width: 9px 9px 0; 298 margin-left: -9px; 299 } 300 301 div.mce-inline-toolbar-grp.mce-arrow-up:after { 302 top: -8px; 303 border-bottom-color: #f6f7f7; 304 border-width: 0 8px 8px; 305 margin-left: -8px; 306 } 307 308 div.mce-inline-toolbar-grp.mce-arrow-down:after { 309 bottom: -8px; 310 border-top-color: #f6f7f7; 311 border-width: 8px 8px 0; 312 margin-left: -8px; 313 } 314 315 div.mce-inline-toolbar-grp.mce-arrow-left:before, 316 div.mce-inline-toolbar-grp.mce-arrow-left:after { 317 margin: 0; 318 } 319 320 div.mce-inline-toolbar-grp.mce-arrow-left:before { 321 left: 20px; 322 } 323 div.mce-inline-toolbar-grp.mce-arrow-left:after { 324 left: 21px; 325 } 326 327 div.mce-inline-toolbar-grp.mce-arrow-right:before, 328 div.mce-inline-toolbar-grp.mce-arrow-right:after { 329 left: auto; 330 margin: 0; 331 } 332 333 div.mce-inline-toolbar-grp.mce-arrow-right:before { 334 right: 20px; 335 } 336 337 div.mce-inline-toolbar-grp.mce-arrow-right:after { 338 right: 21px; 339 } 340 341 div.mce-inline-toolbar-grp.mce-arrow-full { 342 right: 0; 343 } 344 345 div.mce-inline-toolbar-grp.mce-arrow-full > div { 346 width: 100%; 347 overflow-x: auto; 348 } 349 350 div.mce-toolbar-grp > div { 351 padding: 3px; 352 } 353 354 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first { 355 padding-right: 32px; 356 } 357 358 .mce-toolbar .mce-btn-group { 359 margin: 0; 360 } 361 362 /* Classic block hide/show toolbars */ 363 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { 364 display: none; 365 } 366 367 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { 368 display: block; 369 } 370 371 div.mce-statusbar { 372 border-top: 1px solid #dcdcde; 373 } 374 375 div.mce-path { 376 padding: 2px 10px; 377 margin: 0; 378 } 379 380 .mce-path, 381 .mce-path-item, 382 .mce-path .mce-divider { 383 font-size: 12px; 384 } 385 386 .mce-toolbar .mce-btn, 387 .qt-dfw { 388 border-color: transparent; 389 background: transparent; 390 box-shadow: none; 391 text-shadow: none; 392 cursor: pointer; 393 } 394 395 .mce-btn .mce-txt { 396 direction: inherit; 397 text-align: inherit; 398 } 399 400 .mce-toolbar .mce-btn-group .mce-btn, 401 .qt-dfw { 402 border: 1px solid transparent; 403 margin: 2px; 404 border-radius: 2px; 405 } 406 407 .mce-toolbar .mce-btn-group .mce-btn:hover, 408 .mce-toolbar .mce-btn-group .mce-btn:focus, 409 .qt-dfw:hover, 410 .qt-dfw:focus { 411 background: #f6f7f7; 412 border-color: #50575e; 413 color: #1d2327; 414 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); 415 outline: none; 416 } 417 418 .mce-toolbar .mce-btn-group .mce-btn.mce-active, 419 .mce-toolbar .mce-btn-group .mce-btn:active, 420 .qt-dfw.active { 421 background: #f0f0f1; 422 border-color: #50575e; 423 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3); 424 } 425 426 .mce-btn.mce-active, 427 .mce-btn.mce-active button, 428 .mce-btn.mce-active:hover button, 429 .mce-btn.mce-active i, 430 .mce-btn.mce-active:hover i { 431 color: inherit; 432 } 433 434 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover, 435 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus { 436 border-color: #1d2327; 437 } 438 439 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, 440 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { 441 color: #a7aaad; 442 background: none; 443 border-color: #dcdcde; 444 text-shadow: 0 1px 0 #fff; 445 box-shadow: none; 446 } 447 448 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { 449 border-color: #50575e; 450 } 451 452 .mce-toolbar .mce-btn-group .mce-first, 453 .mce-toolbar .mce-btn-group .mce-last { 454 border-color: transparent; 455 } 456 457 .mce-toolbar .mce-btn button, 458 .qt-dfw { 459 padding: 2px 3px; 460 line-height: normal; 461 } 462 463 .mce-toolbar .mce-listbox button { 464 font-size: 13px; 465 line-height: 1.53846153; 466 padding-left: 6px; 467 padding-right: 20px; 468 } 469 470 .mce-toolbar .mce-btn i { 471 text-shadow: none; 472 } 473 474 .mce-toolbar .mce-btn-group > div { 475 white-space: normal; 476 } 477 478 .mce-toolbar .mce-colorbutton .mce-open { 479 border-right: 0; 480 } 481 482 .mce-toolbar .mce-colorbutton .mce-preview { 483 margin: 0; 484 padding: 0; 485 top: auto; 486 bottom: 2px; 487 left: 3px; 488 height: 3px; 489 width: 20px; 490 background: #50575e; 491 } 492 493 .mce-toolbar .mce-btn-group .mce-btn.mce-primary { 494 min-width: 0; 495 background: #3582c4; 496 border-color: #2271b1 #135e96 #135e96; 497 box-shadow: 0 1px 0 #135e96; 498 color: #fff; 499 text-decoration: none; 500 text-shadow: none; 501 } 502 503 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ 504 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { 505 padding: 2px 3px 1px; 506 } 507 508 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico { 509 color: #fff; 510 } 511 512 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover, 513 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { 514 background: #4f94d4; 515 border-color: #135e96; 516 color: #fff; 517 } 518 519 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { 520 box-shadow: 0 0 1px 1px #72aee6; 521 } 522 523 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active { 524 background: #2271b1; 525 border-color: #135e96; 526 box-shadow: inset 0 2px 0 #135e96; 527 } 528 529 /* mce listbox */ 530 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { 531 border-radius: 0; 532 direction: ltr; 533 background: #fff; 534 border: 1px solid #dcdcde; 535 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2); 536 } 537 538 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, 539 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus { 540 border-color: #c3c4c7; 541 } 542 543 .mce-panel .mce-btn i.mce-caret { 544 border-top: 6px solid #50575e; 545 margin-left: 2px; 546 margin-right: 2px; 547 } 548 549 .mce-listbox i.mce-caret { 550 right: 4px; 551 } 552 553 .mce-panel .mce-btn:hover i.mce-caret, 554 .mce-panel .mce-btn:focus i.mce-caret { 555 border-top-color: #1d2327; 556 } 557 558 .mce-panel .mce-active i.mce-caret { 559 border-top: 0; 560 border-bottom: 6px solid #1d2327; 561 margin-top: 7px; 562 } 563 564 .mce-listbox.mce-active i.mce-caret { 565 margin-top: -3px; 566 } 567 568 .mce-toolbar .mce-splitbtn:hover .mce-open { 569 border-right-color: transparent; 570 } 571 572 .mce-toolbar .mce-splitbtn .mce-open.mce-active { 573 background: transparent; 574 outline: none; 575 } 576 577 .mce-menu .mce-menu-item:hover, 578 .mce-menu .mce-menu-item.mce-selected, 579 .mce-menu .mce-menu-item:focus, 580 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, 581 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview { 582 background: #2271b1; /* See color scheme. */ 583 color: #fff; 584 } 585 586 .mce-menu .mce-menu-item:hover .mce-caret, 587 .mce-menu .mce-menu-item:focus .mce-caret, 588 .mce-menu .mce-menu-item.mce-selected .mce-caret { 589 border-left-color: #fff; 590 } 591 592 /* rtl:ignore */ 593 .rtl .mce-menu .mce-menu-item:hover .mce-caret, 594 .rtl .mce-menu .mce-menu-item:focus .mce-caret, 595 .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret { 596 border-left-color: inherit; 597 border-right-color: #fff; 598 } 599 600 .mce-menu .mce-menu-item:hover .mce-text, 601 .mce-menu .mce-menu-item:focus .mce-text, 602 .mce-menu .mce-menu-item:hover .mce-ico, 603 .mce-menu .mce-menu-item:focus .mce-ico, 604 .mce-menu .mce-menu-item.mce-selected .mce-text, 605 .mce-menu .mce-menu-item.mce-selected .mce-ico, 606 .mce-menu .mce-menu-item:hover .mce-menu-shortcut, 607 .mce-menu .mce-menu-item:focus .mce-menu-shortcut, 608 .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut, 609 .mce-menu .mce-menu-item.mce-disabled:hover .mce-text, 610 .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico { 611 color: inherit; 612 } 613 614 .mce-menu .mce-menu-item.mce-disabled { 615 cursor: default; 616 } 617 618 .mce-menu .mce-menu-item.mce-disabled:hover { 619 background: #c3c4c7; 620 } 621 622 /* Menubar */ 623 div.mce-menubar { 624 border-color: #dcdcde; 625 background: #fff; 626 border-width: 0px 0px 1px; 627 } 628 629 .mce-menubar .mce-menubtn:hover, 630 .mce-menubar .mce-menubtn.mce-active, 631 .mce-menubar .mce-menubtn:focus { 632 border-color: transparent; 633 background: transparent; 634 } 635 636 .mce-menubar .mce-menubtn:focus { 637 color: #043959; 638 box-shadow: 639 0 0 0 1px #4f94d4, 640 0 0 2px 1px rgba(79, 148, 212, 0.8); 641 } 642 643 div.mce-menu .mce-menu-item-sep, 644 .mce-menu-item-sep:hover { 645 border-bottom: 1px solid #dcdcde; 646 height: 0px; 647 margin: 5px 0; 648 } 649 650 .mce-menubtn span { 651 margin-right: 0; 652 padding-left: 3px; 653 } 654 655 .mce-menu-has-icons i.mce-ico:before { 656 margin-left: -2px; 657 } 658 659 /* Keyboard shortcuts position */ 660 .mce-menu.mce-menu-align .mce-menu-item-normal { 661 position: relative; 662 } 663 664 .mce-menu.mce-menu-align .mce-menu-shortcut { 665 bottom: 0.6em; 666 font-size: 0.9em; 667 } 668 669 /* Buttons in modals */ 670 .mce-primary button, 671 .mce-primary button i { 672 text-align: center; 673 color: #fff; 674 text-shadow: none; 675 padding: 0; 676 line-height: 1.85714285; 677 } 678 679 .mce-window .mce-btn { 680 color: #50575e; 681 background: #f6f7f7; 682 text-decoration: none; 683 font-size: 13px; 684 line-height: 26px; 685 height: 28px; 686 margin: 0; 687 padding: 0; 688 cursor: pointer; 689 border: 1px solid #c3c4c7; 690 -webkit-appearance: none; 691 border-radius: 3px; 692 white-space: nowrap; 693 box-shadow: 0 1px 0 #c3c4c7; 694 } 695 696 /* Remove the dotted border on :focus and the extra padding in Firefox */ 697 .mce-window .mce-btn::-moz-focus-inner { 698 border-width: 0; 699 border-style: none; 700 padding: 0; 701 } 702 703 .mce-window .mce-btn:hover, 704 .mce-window .mce-btn:focus { 705 background: #f6f7f7; 706 border-color: #8c8f94; 707 color: #1d2327; 708 } 709 710 .mce-window .mce-btn:focus { 711 border-color: #4f94d4; 712 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); 713 } 714 715 .mce-window .mce-btn:active { 716 background: #f0f0f1; 717 border-color: #8c8f94; 718 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 719 transform: translateY(1px); 720 } 721 722 .mce-window .mce-btn.mce-disabled { 723 color: #a7aaad !important; 724 border-color: #dcdcde !important; 725 background: #f6f7f7 !important; 726 box-shadow: none !important; 727 text-shadow: 0 1px 0 #fff !important; 728 cursor: default; 729 transform: none !important; 730 } 731 732 .mce-window .mce-btn.mce-primary { 733 background: #3582c4; 734 border-color: #2271b1 #135e96 #135e96; 735 box-shadow: 0 1px 0 #135e96; 736 color: #fff; 737 text-decoration: none; 738 text-shadow: 0 -1px 1px #135e96, 739 1px 0 1px #135e96, 740 0 1px 1px #135e96, 741 -1px 0 1px #135e96; 742 } 743 744 .mce-window .mce-btn.mce-primary:hover, 745 .mce-window .mce-btn.mce-primary:focus { 746 background: #4f94d4; 747 border-color: #135e96; 748 color: #fff; 749 } 750 751 .mce-window .mce-btn.mce-primary:focus { 752 box-shadow: 0 1px 0 #2271b1, 753 0 0 2px 1px #72aee6; 754 } 755 756 .mce-window .mce-btn.mce-primary:active { 757 background: #2271b1; 758 border-color: #135e96; 759 box-shadow: inset 0 2px 0 #135e96; 760 vertical-align: top; 761 } 762 763 .mce-window .mce-btn.mce-primary.mce-disabled { 764 color: #9ec2e6 !important; 765 background: #4f94d4 !important; 766 border-color: #3582c4 !important; 767 box-shadow: none !important; 768 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; 769 cursor: default; 770 } 771 772 .mce-menubtn.mce-fixed-width span { 773 overflow-x: hidden; 774 text-overflow: ellipsis; 775 width: 82px; 776 } 777 778 /* Charmap modal */ 779 .mce-charmap { 780 margin: 3px; 781 } 782 783 .mce-charmap td { 784 padding: 0; 785 border-color: #dcdcde; 786 cursor: pointer; 787 } 788 789 .mce-charmap td:hover { 790 background: #f6f7f7; 791 } 792 793 .mce-charmap td div { 794 width: 18px; 795 height: 22px; 796 line-height: 1.57142857; 797 } 798 799 /* TinyMCE tooltips */ 800 .mce-tooltip { 801 margin-top: 2px; 802 } 803 804 .mce-tooltip-inner { 805 border-radius: 3px; 806 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 807 color: #fff; 808 font-size: 12px; 809 } 810 811 /* TinyMCE icons */ 812 .mce-ico { 813 font-family: tinymce, Arial; 814 } 815 816 .mce-btn-small .mce-ico { 817 font-family: tinymce-small, Arial; 818 } 819 820 .mce-toolbar .mce-ico { 821 color: #50575e; 822 line-height: 1; 823 width: 20px; 824 height: 20px; 825 text-align: center; 826 text-shadow: none; 827 margin: 0; 828 padding: 0; 829 } 830 831 .qt-dfw { 832 color: #50575e; 833 line-height: 1; 834 width: 28px; 835 height: 26px; 836 text-align: center; 837 text-shadow: none; 838 } 839 840 .mce-toolbar .mce-btn .mce-open { 841 line-height: 20px; 842 } 843 844 .mce-toolbar .mce-btn:hover .mce-open, 845 .mce-toolbar .mce-btn:focus .mce-open, 846 .mce-toolbar .mce-btn.mce-active .mce-open { 847 border-left-color: #1d2327; 848 } 849 850 div.mce-notification { 851 left: 10% !important; 852 right: 10%; 853 } 854 855 .mce-notification button.mce-close { 856 right: 6px; 857 top: 3px; 858 font-weight: 400; 859 color: #50575e; 860 } 861 862 .mce-notification button.mce-close:hover, 863 .mce-notification button.mce-close:focus { 864 color: #000; 865 } 866 867 i.mce-i-bold, 868 i.mce-i-italic, 869 i.mce-i-bullist, 870 i.mce-i-numlist, 871 i.mce-i-blockquote, 872 i.mce-i-alignleft, 873 i.mce-i-aligncenter, 874 i.mce-i-alignright, 875 i.mce-i-link, 876 i.mce-i-unlink, 877 i.mce-i-wp_more, 878 i.mce-i-strikethrough, 879 i.mce-i-spellchecker, 880 i.mce-i-fullscreen, 881 i.mce-i-wp_fullscreen, 882 i.mce-i-dfw, 883 i.mce-i-wp_adv, 884 i.mce-i-underline, 885 i.mce-i-alignjustify, 886 i.mce-i-forecolor, 887 i.mce-i-backcolor, 888 i.mce-i-pastetext, 889 i.mce-i-pasteword, 890 i.mce-i-removeformat, 891 i.mce-i-charmap, 892 i.mce-i-outdent, 893 i.mce-i-indent, 894 i.mce-i-undo, 895 i.mce-i-redo, 896 i.mce-i-help, 897 i.mce-i-wp_help, 898 i.mce-i-wp-media-library, 899 i.mce-i-ltr, 900 i.mce-i-wp_page, 901 i.mce-i-hr, 902 i.mce-i-wp_code, 903 i.mce-i-dashicon, 904 i.mce-i-remove { 905 font: normal 20px/1 dashicons; 906 padding: 0; 907 vertical-align: top; 908 speak: never; 909 -webkit-font-smoothing: antialiased; 910 -moz-osx-font-smoothing: grayscale; 911 margin-left: -2px; 912 padding-right: 2px; 913 } 914 915 .qt-dfw { 916 font: normal 20px/1 dashicons; 917 vertical-align: top; 918 speak: never; 919 -webkit-font-smoothing: antialiased; 920 -moz-osx-font-smoothing: grayscale; 921 } 922 923 i.mce-i-bold:before { 924 content: "\f200"; 925 } 926 927 i.mce-i-italic:before { 928 content: "\f201"; 929 } 930 931 i.mce-i-bullist:before { 932 content: "\f203"; 933 } 934 935 i.mce-i-numlist:before { 936 content: "\f204"; 937 } 938 939 i.mce-i-blockquote:before { 940 content: "\f205"; 941 } 942 943 i.mce-i-alignleft:before { 944 content: "\f206"; 945 } 946 947 i.mce-i-aligncenter:before { 948 content: "\f207"; 949 } 950 951 i.mce-i-alignright:before { 952 content: "\f208"; 953 } 954 955 i.mce-i-link:before { 956 content: "\f103"; 957 } 958 959 i.mce-i-unlink:before { 960 content: "\f225"; 961 } 962 963 i.mce-i-wp_more:before { 964 content: "\f209"; 965 } 966 967 i.mce-i-strikethrough:before { 968 content: "\f224"; 969 } 970 971 i.mce-i-spellchecker:before { 972 content: "\f210"; 973 } 974 975 i.mce-i-fullscreen:before, 976 i.mce-i-wp_fullscreen:before, 977 i.mce-i-dfw:before, 978 .qt-dfw:before { 979 content: "\f211"; 980 } 981 982 i.mce-i-wp_adv:before { 983 content: "\f212"; 984 } 985 986 i.mce-i-underline:before { 987 content: "\f213"; 988 } 989 990 i.mce-i-alignjustify:before { 991 content: "\f214"; 992 } 993 994 i.mce-i-forecolor:before, 995 i.mce-i-backcolor:before { 996 content: "\f215"; 997 } 998 999 i.mce-i-pastetext:before { 1000 content: "\f217"; 1001 } 1002 1003 i.mce-i-removeformat:before { 1004 content: "\f218"; 1005 } 1006 1007 i.mce-i-charmap:before { 1008 content: "\f220"; 1009 } 1010 1011 i.mce-i-outdent:before { 1012 content: "\f221"; 1013 } 1014 1015 i.mce-i-indent:before { 1016 content: "\f222"; 1017 } 1018 1019 i.mce-i-undo:before { 1020 content: "\f171"; 1021 } 1022 1023 i.mce-i-redo:before { 1024 content: "\f172"; 1025 } 1026 1027 i.mce-i-help:before, 1028 i.mce-i-wp_help:before { 1029 content: "\f223"; 1030 } 1031 1032 i.mce-i-wp-media-library:before { 1033 content: "\f104"; 1034 } 1035 1036 i.mce-i-ltr:before { 1037 content: "\f320"; 1038 } 1039 1040 i.mce-i-wp_page:before { 1041 content: "\f105"; 1042 } 1043 1044 i.mce-i-hr:before { 1045 content: "\f460"; 1046 } 1047 1048 i.mce-i-remove:before { 1049 content: "\f158"; 1050 } 1051 1052 i.mce-i-wp_code:before { 1053 content: "\f475"; 1054 } 1055 1056 /* RTL button icons */ 1057 .rtl i.mce-i-outdent:before { 1058 content: "\f222"; 1059 } 1060 1061 .rtl i.mce-i-indent:before { 1062 content: "\f221"; 1063 } 1064 1065 /* Editors */ 1066 .wp-editor-wrap { 1067 position: relative; 1068 } 1069 1070 .wp-editor-tools { 1071 position: relative; 1072 z-index: 1; 1073 } 1074 1075 .wp-editor-tools:after { 1076 clear: both; 1077 content: ""; 1078 display: table; 1079 } 1080 1081 .wp-editor-container { 1082 clear: both; 1083 border: 1px solid #dcdcde; 1084 } 1085 1086 .wp-editor-area { 1087 font-family: Consolas, Monaco, monospace; 1088 font-size: 13px; 1089 padding: 10px; 1090 margin: 1px 0 0; 1091 line-height: 150%; 1092 border: 0; 1093 outline: none; 1094 display: block; 1095 resize: vertical; 1096 box-sizing: border-box; 1097 } 1098 1099 .rtl .wp-editor-area { 1100 font-family: Tahoma, Monaco, monospace; 1101 } 1102 1103 .locale-he-il .wp-editor-area { 1104 font-family: Arial, Monaco, monospace; 1105 } 1106 1107 .wp-editor-container textarea.wp-editor-area { 1108 width: 100%; 1109 margin: 0; 1110 box-shadow: none; 1111 } 1112 1113 .wp-editor-tabs { 1114 float: right; 1115 } 1116 1117 .wp-switch-editor { 1118 float: left; 1119 box-sizing: content-box; 1120 position: relative; 1121 top: 1px; 1122 background: #f0f0f1; 1123 color: #646970; 1124 cursor: pointer; 1125 font-size: 13px; 1126 line-height: 1.46153846; 1127 height: 20px; 1128 margin: 5px 0 0 5px; 1129 padding: 3px 8px 4px; 1130 border: 1px solid #dcdcde; 1131 } 1132 1133 .wp-switch-editor:focus { 1134 box-shadow: 1135 0 0 0 1px #4f94d4, 1136 0 0 2px 1px rgba(79, 148, 212, 0.8); 1137 outline: none; 1138 color: #1d2327; 1139 } 1140 1141 .wp-switch-editor:active, 1142 .html-active .switch-html:focus, 1143 .tmce-active .switch-tmce:focus { 1144 box-shadow: none; 1145 } 1146 1147 .wp-switch-editor:active { 1148 background-color: #f6f7f7; 1149 box-shadow: none; 1150 } 1151 1152 .js .tmce-active .wp-editor-area { 1153 color: #fff; 1154 } 1155 1156 .tmce-active .quicktags-toolbar { 1157 display: none; 1158 } 1159 1160 .tmce-active .switch-tmce, 1161 .html-active .switch-html { 1162 background: #f6f7f7; 1163 color: #50575e; 1164 border-bottom-color: #f6f7f7; 1165 } 1166 1167 .wp-media-buttons { 1168 float: left; 1169 } 1170 1171 .wp-media-buttons .button { 1172 margin-right: 5px; 1173 margin-bottom: 4px; 1174 padding-left: 7px; 1175 padding-right: 7px; 1176 } 1177 1178 .wp-media-buttons .button:active { 1179 position: relative; 1180 top: 1px; 1181 margin-top: -1px; 1182 margin-bottom: 1px; 1183 } 1184 1185 .wp-media-buttons .insert-media { 1186 padding-left: 5px; 1187 } 1188 1189 .wp-media-buttons a { 1190 text-decoration: none; 1191 color: #3c434a; 1192 font-size: 12px; 1193 } 1194 1195 .wp-media-buttons img { 1196 padding: 0 4px; 1197 vertical-align: middle; 1198 } 1199 1200 .wp-media-buttons span.wp-media-buttons-icon { 1201 display: inline-block; 1202 width: 20px; 1203 height: 20px; 1204 line-height: 1; 1205 vertical-align: middle; 1206 margin: 0 2px; 1207 } 1208 1209 .wp-media-buttons .add_media span.wp-media-buttons-icon { 1210 background: none; 1211 } 1212 1213 .wp-media-buttons .add_media span.wp-media-buttons-icon:before { 1214 font: normal 18px/1 dashicons; 1215 speak: never; 1216 -webkit-font-smoothing: antialiased; 1217 -moz-osx-font-smoothing: grayscale; 1218 } 1219 1220 .wp-media-buttons .add_media span.wp-media-buttons-icon:before { 1221 content: "\f104"; 1222 } 1223 1224 .mce-content-body dl.wp-caption { 1225 max-width: 100%; 1226 } 1227 1228 /* Quicktags */ 1229 .quicktags-toolbar { 1230 padding: 3px; 1231 position: relative; 1232 border-bottom: 1px solid #dcdcde; 1233 background: #f6f7f7; 1234 min-height: 30px; 1235 } 1236 1237 .has-dfw .quicktags-toolbar { 1238 padding-right: 35px; 1239 } 1240 1241 .wp-core-ui .quicktags-toolbar input.button.button-small { 1242 margin: 2px; 1243 } 1244 1245 .quicktags-toolbar input[value="link"] { 1246 text-decoration: underline; 1247 } 1248 1249 .quicktags-toolbar input[value="del"] { 1250 text-decoration: line-through; 1251 } 1252 1253 .quicktags-toolbar input[value="i"] { 1254 font-style: italic; 1255 } 1256 1257 .quicktags-toolbar input[value="b"] { 1258 font-weight: 600; 1259 } 1260 1261 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw, 1262 .qt-dfw { 1263 position: absolute; 1264 top: 0; 1265 right: 0; 1266 } 1267 1268 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw { 1269 margin: 7px 7px 0 0; 1270 } 1271 1272 .qt-dfw { 1273 margin: 5px 5px 0 0; 1274 } 1275 1276 .qt-fullscreen { 1277 position: static; 1278 margin: 2px; 1279 } 1280 1281 @media screen and (max-width: 782px) { 1282 .mce-toolbar .mce-btn button, 1283 .qt-dfw { 1284 padding: 6px 7px; 1285 } 1286 1287 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ 1288 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { 1289 padding: 6px 7px 5px; 1290 } 1291 1292 .mce-toolbar .mce-btn-group .mce-btn { 1293 margin: 1px; 1294 } 1295 1296 .qt-dfw { 1297 width: 36px; 1298 height: 34px; 1299 } 1300 1301 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw { 1302 margin: 4px 4px 0 0; 1303 } 1304 1305 .mce-toolbar .mce-colorbutton .mce-preview { 1306 left: 8px; 1307 bottom: 6px; 1308 } 1309 1310 .mce-window .mce-btn { 1311 padding: 2px 0; 1312 } 1313 1314 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first, 1315 .has-dfw .quicktags-toolbar { 1316 padding-right: 40px; 1317 } 1318 } 1319 1320 @media screen and (min-width: 782px) { 1321 .wp-core-ui .quicktags-toolbar input.button.button-small { 1322 /* .button-small is normally 11px, but a bit too small for these buttons. */ 1323 font-size: 12px; 1324 min-height: 26px; 1325 line-height: 2; 1326 } 1327 } 1328 1329 #wp_editbtns, 1330 #wp_gallerybtns { 1331 padding: 2px; 1332 position: absolute; 1333 display: none; 1334 z-index: 100020; 1335 } 1336 1337 #wp_editimgbtn, 1338 #wp_delimgbtn, 1339 #wp_editgallery, 1340 #wp_delgallery { 1341 background-color: #f0f0f1; 1342 margin: 2px; 1343 padding: 2px; 1344 border: 1px solid #8c8f94; 1345 border-radius: 3px; 1346 } 1347 1348 #wp_editimgbtn:hover, 1349 #wp_delimgbtn:hover, 1350 #wp_editgallery:hover, 1351 #wp_delgallery:hover { 1352 border-color: #50575e; 1353 background-color: #c3c4c7; 1354 } 1355 1356 /*------------------------------------------------------------------------------ 1357 wp-link 1358 ------------------------------------------------------------------------------*/ 1359 1360 #wp-link-wrap { 1361 display: none; 1362 background-color: #fff; 1363 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 1364 width: 500px; 1365 overflow: hidden; 1366 margin-left: -250px; 1367 margin-top: -125px; 1368 position: fixed; 1369 top: 50%; 1370 left: 50%; 1371 z-index: 100105; 1372 transition: height 0.2s, margin-top 0.2s; 1373 } 1374 1375 #wp-link-backdrop { 1376 display: none; 1377 position: fixed; 1378 top: 0; 1379 left: 0; 1380 right: 0; 1381 bottom: 0; 1382 min-height: 360px; 1383 background: #000; 1384 opacity: 0.7; 1385 filter: alpha(opacity=70); 1386 z-index: 100100; 1387 } 1388 1389 #wp-link { 1390 position: relative; 1391 height: 100%; 1392 } 1393 1394 #wp-link-wrap { 1395 height: 500px; 1396 margin-top: -250px; 1397 } 1398 1399 #wp-link-wrap .wp-link-text-field { 1400 display: none; 1401 } 1402 1403 #wp-link-wrap.has-text-field .wp-link-text-field { 1404 display: block; 1405 } 1406 1407 #link-modal-title { 1408 background: #fff; 1409 border-bottom: 1px solid #dcdcde; 1410 height: 36px; 1411 font-size: 18px; 1412 font-weight: 600; 1413 line-height: 2; 1414 margin: 0; 1415 padding: 0 36px 0 16px; 1416 } 1417 1418 #wp-link-close { 1419 color: #646970; 1420 padding: 0; 1421 position: absolute; 1422 top: 0; 1423 right: 0; 1424 width: 36px; 1425 height: 36px; 1426 text-align: center; 1427 background: none; 1428 border: none; 1429 cursor: pointer; 1430 } 1431 1432 #wp-link-close:before { 1433 font: normal 20px/36px dashicons; 1434 vertical-align: top; 1435 speak: never; 1436 -webkit-font-smoothing: antialiased; 1437 -moz-osx-font-smoothing: grayscale; 1438 width: 36px; 1439 height: 36px; 1440 content: "\f158"; 1441 } 1442 1443 #wp-link-close:hover, 1444 #wp-link-close:focus { 1445 color: #135e96; 1446 } 1447 1448 #wp-link-close:focus { 1449 outline: none; 1450 box-shadow: 1451 0 0 0 1px #4f94d4, 1452 0 0 2px 1px rgba(79, 148, 212, 0.8); 1453 /* Only visible in Windows High Contrast mode */ 1454 outline: 2px solid transparent; 1455 outline-offset: -2px; 1456 } 1457 1458 #wp-link-wrap #link-selector { 1459 -webkit-overflow-scrolling: touch; 1460 padding: 0 16px; 1461 position: absolute; 1462 top: 37px; 1463 left: 0; 1464 right: 0; 1465 bottom: 44px; 1466 } 1467 1468 #wp-link ol, 1469 #wp-link ul { 1470 list-style: none; 1471 margin: 0; 1472 padding: 0; 1473 } 1474 1475 #wp-link input[type="text"] { 1476 box-sizing: border-box; 1477 } 1478 1479 #wp-link #link-options { 1480 padding: 8px 0 12px; 1481 } 1482 1483 #wp-link p.howto { 1484 margin: 3px 0; 1485 } 1486 1487 #wp-link p.howto a { 1488 text-decoration: none; 1489 color: inherit; 1490 } 1491 1492 #wp-link label input[type="text"] { 1493 margin-top: 5px; 1494 width: 70%; 1495 } 1496 1497 #wp-link #link-options label span, 1498 #wp-link #search-panel label span.search-label { 1499 display: inline-block; 1500 width: 80px; 1501 text-align: right; 1502 padding-right: 5px; 1503 max-width: 24%; 1504 vertical-align: middle; 1505 word-wrap: break-word; 1506 } 1507 1508 #wp-link .link-search-field { 1509 width: 250px; 1510 max-width: 70%; 1511 } 1512 1513 #wp-link .link-search-wrapper { 1514 margin: 5px 0 9px; 1515 display: block; 1516 overflow: hidden; 1517 } 1518 1519 #wp-link .link-search-wrapper .spinner { 1520 float: none; 1521 margin: -3px 0 0 4px; 1522 } 1523 1524 #wp-link .link-target { 1525 padding: 3px 0 0; 1526 white-space: nowrap; 1527 overflow: hidden; 1528 text-overflow: ellipsis; 1529 } 1530 1531 #wp-link .link-target label { 1532 max-width: 70%; 1533 } 1534 1535 #wp-link .query-results { 1536 border: 1px #dcdcde solid; 1537 margin: 0 0 12px; 1538 background: #fff; 1539 overflow: auto; 1540 position: absolute; 1541 left: 16px; 1542 right: 16px; 1543 bottom: 0; 1544 top: 166px; 1545 } 1546 1547 .has-text-field #wp-link .query-results { 1548 top: 210px; 1549 } 1550 1551 #wp-link li { 1552 clear: both; 1553 margin-bottom: 0; 1554 border-bottom: 1px solid #f0f0f1; 1555 color: #2c3338; 1556 padding: 4px 6px 4px 10px; 1557 cursor: pointer; 1558 position: relative; 1559 } 1560 1561 #wp-link .query-notice { 1562 padding: 0; 1563 border-bottom: 1px solid #dcdcde; 1564 background-color: #fff; 1565 color: #000; 1566 } 1567 1568 #wp-link .query-notice .query-notice-default, 1569 #wp-link .query-notice .query-notice-hint { 1570 display: block; 1571 padding: 6px; 1572 border-left: 4px solid #72aee6; 1573 } 1574 1575 #wp-link .unselectable.no-matches-found { 1576 padding: 0; 1577 border-bottom: 1px solid #dcdcde; 1578 background-color: #f6f7f7; 1579 } 1580 1581 #wp-link .no-matches-found .item-title { 1582 display: block; 1583 padding: 6px; 1584 border-left: 4px solid #d63638; 1585 } 1586 1587 #wp-link .query-results em { 1588 font-style: normal; 1589 } 1590 1591 #wp-link li:hover { 1592 background: #f0f6fc; 1593 color: #101517; 1594 } 1595 1596 #wp-link li.unselectable { 1597 border-bottom: 1px solid #dcdcde; 1598 } 1599 1600 #wp-link li.unselectable:hover { 1601 background: #fff; 1602 cursor: auto; 1603 color: #2c3338; 1604 } 1605 1606 #wp-link li.selected { 1607 background: #dcdcde; 1608 color: #2c3338; 1609 } 1610 1611 #wp-link li.selected .item-title { 1612 font-weight: 600; 1613 } 1614 1615 #wp-link li:last-child { 1616 border: none; 1617 } 1618 1619 #wp-link .item-title { 1620 display: inline-block; 1621 width: 80%; 1622 width: calc(100% - 68px); 1623 word-wrap: break-word; 1624 } 1625 1626 #wp-link .item-info { 1627 text-transform: uppercase; 1628 color: #646970; 1629 font-size: 11px; 1630 position: absolute; 1631 right: 5px; 1632 top: 5px; 1633 } 1634 1635 #wp-link .river-waiting { 1636 display: none; 1637 padding: 10px 0; 1638 } 1639 1640 #wp-link .submitbox { 1641 padding: 8px 16px; 1642 background: #fff; 1643 border-top: 1px solid #dcdcde; 1644 position: absolute; 1645 bottom: 0; 1646 left: 0; 1647 right: 0; 1648 } 1649 1650 #wp-link-cancel { 1651 line-height: 1.92307692; 1652 float: left; 1653 } 1654 1655 #wp-link-update { 1656 line-height: 1.76923076; 1657 float: right; 1658 } 1659 1660 #wp-link-submit { 1661 float: right; 1662 } 1663 1664 @media screen and (max-width: 782px) { 1665 #wp-link-wrap { 1666 margin-top: -140px; 1667 } 1668 1669 #wp-link-wrap .query-results { 1670 top: 195px; 1671 } 1672 1673 #wp-link-wrap.has-text-field .query-results { 1674 top: 235px; 1675 } 1676 1677 #link-selector { 1678 padding: 0 16px 60px; 1679 } 1680 1681 #wp-link-wrap #link-selector { 1682 bottom: 52px; 1683 } 1684 1685 #wp-link-cancel { 1686 line-height: 2.46153846; 1687 } 1688 1689 #wp-link .link-target { 1690 padding-top: 10px; 1691 } 1692 1693 #wp-link .submitbox .button { 1694 margin-bottom: 0; 1695 } 1696 } 1697 1698 @media screen and (max-width: 520px) { 1699 #wp-link-wrap { 1700 width: auto; 1701 margin-left: 0; 1702 left: 10px; 1703 right: 10px; 1704 max-width: 500px; 1705 } 1706 } 1707 1708 @media screen and (max-height: 520px) { 1709 #wp-link-wrap { 1710 transition: none; 1711 height: auto; 1712 margin-top: 0; 1713 top: 10px; 1714 bottom: 10px; 1715 } 1716 1717 #link-selector { 1718 overflow: auto; 1719 } 1720 1721 #search-panel .query-results { 1722 position: static; 1723 } 1724 } 1725 1726 @media screen and (max-height: 290px) { 1727 #wp-link-wrap { 1728 height: auto; 1729 margin-top: 0; 1730 top: 10px; 1731 bottom: 10px; 1732 } 1733 1734 #link-selector { 1735 overflow: auto; 1736 height: calc(100% - 92px); 1737 padding-bottom: 2px; 1738 } 1739 1740 #search-panel .query-results { 1741 position: static; 1742 } 1743 } 1744 1745 div.wp-link-preview { 1746 float: left; 1747 margin: 5px; 1748 max-width: 694px; 1749 overflow: hidden; 1750 text-overflow: ellipsis; 1751 } 1752 1753 div.wp-link-preview a { 1754 color: #2271b1; 1755 text-decoration: underline; 1756 transition-property: border, background, color; 1757 transition-duration: .05s; 1758 transition-timing-function: ease-in-out; 1759 cursor: pointer; 1760 } 1761 1762 div.wp-link-preview a.wplink-url-error { 1763 color: #d63638; 1764 } 1765 1766 div.wp-link-input { 1767 float: left; 1768 margin: 2px; 1769 max-width: 694px; 1770 } 1771 1772 div.wp-link-input input { 1773 width: 300px; 1774 padding: 3px; 1775 box-sizing: border-box; 1776 line-height: 1.28571429; /* 18px */ 1777 /* Override value inherited from default input fields. */ 1778 min-height: 26px; 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 #4f94d4; 1799 box-shadow: 0 1px 2px rgba(79, 148, 212, 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: #dcdcde; 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 Body 1843 -------------------------------------------------------------- */ 1844 1845 .mce-fullscreen { 1846 z-index: 100010; 1847 } 1848 1849 /* =Localization 1850 -------------------------------------------------------------- */ 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 }