[Summary view] [Print] [Text view]

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