[Summary view] [Print] [Text view]

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