[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: 150%;
  24  }
  25  
  26  /* TinyMCE windows */
  27  #mce-modal-block,
  28  #mce-modal-block.mce-fade {
  29      opacity: 0.7;
  30      filter: alpha(opacity=70);
  31      transition: none;
  32      background: #000;
  33  }
  34  
  35  .mce-window {
  36      border-radius: 0;
  37      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  38      -webkit-font-smoothing: subpixel-antialiased;
  39      transition: none;
  40  }
  41  
  42  .mce-window .mce-container-body.mce-abs-layout {
  43      overflow: visible;
  44  }
  45  
  46  .mce-window .mce-window-head {
  47      background: #fff;
  48      border-bottom: 1px solid #dcdcde;
  49      padding: 0;
  50      min-height: 36px;
  51  }
  52  
  53  .mce-window .mce-window-head .mce-title {
  54      color: #3c434a;
  55      font-size: 18px;
  56      font-weight: 600;
  57      line-height: 36px;
  58      margin: 0;
  59      padding: 0 36px 0 16px;
  60  }
  61  
  62  .mce-window .mce-window-head .mce-close,
  63  .mce-window-head .mce-close .mce-i-remove {
  64      color: transparent;
  65      top: 0;
  66      right: 0;
  67      width: 36px;
  68      height: 36px;
  69      padding: 0;
  70      line-height: 36px;
  71      text-align: center;
  72  }
  73  
  74  .mce-window-head .mce-close .mce-i-remove:before {
  75      font: normal 20px/36px dashicons;
  76      text-align: center;
  77      color: #646970;
  78      width: 36px;
  79      height: 36px;
  80      display: block;
  81  }
  82  
  83  .mce-window-head .mce-close:hover .mce-i-remove:before,
  84  .mce-window-head .mce-close:focus .mce-i-remove:before {
  85      color: #135e96;
  86  }
  87  
  88  .mce-window-head .mce-close:focus .mce-i-remove,
  89  div.mce-tab:focus {
  90      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
  91      /* Only visible in Windows High Contrast mode */
  92      outline: 2px solid transparent;
  93  }
  94  
  95  .mce-window .mce-window-head .mce-dragh {
  96      width: calc( 100% - 36px );
  97  }
  98  
  99  .mce-window .mce-foot {
 100      border-top: 1px solid #dcdcde;
 101  }
 102  
 103  .mce-textbox,
 104  .mce-checkbox i.mce-i-checkbox,
 105  #wp-link .query-results {
 106      border: 1px solid #dcdcde;
 107      border-radius: 0;
 108      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
 109      transition: .05s all ease-in-out;
 110  }
 111  
 112  .mce-textbox:focus,
 113  .mce-textbox.mce-focus,
 114  .mce-checkbox:focus i.mce-i-checkbox,
 115  #wp-link .query-results:focus {
 116      border-color: var(--wp-admin-theme-color-darker-10, #2145e6);
 117      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 118      /* Only visible in Windows High Contrast mode */
 119      outline: 2px solid transparent;
 120  }
 121  
 122  .mce-window .mce-wp-help {
 123      height: 360px;
 124      width: 460px;
 125      overflow: auto;
 126  }
 127  
 128  .mce-window .mce-wp-help * {
 129      box-sizing: border-box;
 130  }
 131  
 132  .mce-window .mce-wp-help > .mce-container-body {
 133      width: auto !important;
 134  }
 135  
 136  .mce-window .wp-editor-help {
 137      padding: 10px 10px 0 20px;
 138  }
 139  
 140  .mce-window .wp-editor-help h2,
 141  .mce-window .wp-editor-help p {
 142      margin: 8px 0;
 143      white-space: normal;
 144      font-size: 14px;
 145      font-weight: 400;
 146  }
 147  
 148  .mce-window .wp-editor-help table {
 149      width: 100%;
 150      margin-bottom: 20px;
 151  }
 152  
 153  .mce-window .wp-editor-help table.wp-help-single {
 154      margin: 0 8px 20px;
 155  }
 156  
 157  .mce-window .wp-editor-help table.fixed {
 158      table-layout: fixed;
 159  }
 160  
 161  .mce-window .wp-editor-help table.fixed th:nth-child(odd),
 162  .mce-window .wp-editor-help table.fixed td:nth-child(odd) {
 163      width: 12%;
 164  }
 165  
 166  .mce-window .wp-editor-help table.fixed th:nth-child(even),
 167  .mce-window .wp-editor-help table.fixed td:nth-child(even) {
 168      width: 38%;
 169  }
 170  
 171  .mce-window .wp-editor-help table.fixed th:nth-child(odd) {
 172      padding: 5px 0 0;
 173  }
 174  
 175  .mce-window .wp-editor-help td,
 176  .mce-window .wp-editor-help th {
 177      font-size: 13px;
 178      padding: 5px;
 179      vertical-align: middle;
 180      word-wrap: break-word;
 181      white-space: normal;
 182  }
 183  
 184  .mce-window .wp-editor-help th {
 185      font-weight: 600;
 186      padding-bottom: 0;
 187  }
 188  
 189  .mce-window .wp-editor-help kbd {
 190      font-family: monospace;
 191      padding: 2px 7px 3px;
 192      font-weight: 600;
 193      margin: 0;
 194      background: #f0f0f1;
 195      background: rgba(0, 0, 0, 0.08);
 196  }
 197  
 198  .mce-window .wp-help-th-center td:nth-child(odd),
 199  .mce-window .wp-help-th-center th:nth-child(odd) {
 200      text-align: center;
 201  }
 202  
 203  /* TinyMCE menus */
 204  .mce-menu,
 205  .mce-floatpanel.mce-popover {
 206      border-color: rgba(0, 0, 0, 0.15);
 207      border-radius: 0;
 208      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
 209  }
 210  
 211  .mce-menu,
 212  .mce-floatpanel.mce-popover.mce-bottom {
 213      margin-top: 2px;
 214  }
 215  
 216  .mce-floatpanel .mce-arrow {
 217      display: none;
 218  }
 219  
 220  .mce-menu .mce-container-body {
 221      min-width: 160px;
 222  }
 223  
 224  .mce-menu-item {
 225      border: none;
 226      margin-bottom: 2px;
 227      padding: 6px 15px 6px 12px;
 228  }
 229  
 230  .mce-menu-has-icons i.mce-ico {
 231      line-height: 20px;
 232  }
 233  
 234  /* TinyMCE panel */
 235  div.mce-panel {
 236      border: 0;
 237      background: #fff;
 238  }
 239  
 240  .mce-panel.mce-menu {
 241      border: 1px solid #dcdcde;
 242  }
 243  
 244  div.mce-tab {
 245      line-height: 13px;
 246  }
 247  
 248  /* TinyMCE toolbars */
 249  div.mce-toolbar-grp {
 250      border-bottom: 1px solid #dcdcde;
 251      background: #f6f7f7;
 252      padding: 0;
 253      position: relative;
 254  }
 255  
 256  div.mce-inline-toolbar-grp {
 257      border: 1px solid #a7aaad;
 258      border-radius: 2px;
 259      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 260      box-sizing: border-box;
 261      margin-bottom: 8px;
 262      position: absolute;
 263      -webkit-user-select: none;
 264      user-select: none;
 265      max-width: 98%;
 266      z-index: 100100; /* Same as the other TinyMCE "panels" */
 267  }
 268  
 269  div.mce-inline-toolbar-grp > div.mce-stack-layout {
 270      padding: 1px;
 271  }
 272  
 273  div.mce-inline-toolbar-grp.mce-arrow-up {
 274      margin-bottom: 0;
 275      margin-top: 8px;
 276  }
 277  
 278  div.mce-inline-toolbar-grp:before,
 279  div.mce-inline-toolbar-grp:after {
 280      position: absolute;
 281      left: 50%;
 282      display: block;
 283      width: 0;
 284      height: 0;
 285      border-style: solid;
 286      border-color: transparent;
 287      content: "";
 288  }
 289  
 290  div.mce-inline-toolbar-grp.mce-arrow-up:before {
 291      top: -9px;
 292      border-bottom-color: #a7aaad;
 293      border-width: 0 9px 9px;
 294      margin-left: -9px;
 295  }
 296  
 297  div.mce-inline-toolbar-grp.mce-arrow-down:before {
 298      bottom: -9px;
 299      border-top-color: #a7aaad;
 300      border-width: 9px 9px 0;
 301      margin-left: -9px;
 302  }
 303  
 304  div.mce-inline-toolbar-grp.mce-arrow-up:after {
 305      top: -8px;
 306      border-bottom-color: #f6f7f7;
 307      border-width: 0 8px 8px;
 308      margin-left: -8px;
 309  }
 310  
 311  div.mce-inline-toolbar-grp.mce-arrow-down:after {
 312      bottom: -8px;
 313      border-top-color: #f6f7f7;
 314      border-width: 8px 8px 0;
 315      margin-left: -8px;
 316  }
 317  
 318  div.mce-inline-toolbar-grp.mce-arrow-left:before,
 319  div.mce-inline-toolbar-grp.mce-arrow-left:after {
 320      margin: 0;
 321  }
 322  
 323  div.mce-inline-toolbar-grp.mce-arrow-left:before {
 324      left: 20px;
 325  }
 326  div.mce-inline-toolbar-grp.mce-arrow-left:after {
 327      left: 21px;
 328  }
 329  
 330  div.mce-inline-toolbar-grp.mce-arrow-right:before,
 331  div.mce-inline-toolbar-grp.mce-arrow-right:after {
 332      left: auto;
 333      margin: 0;
 334  }
 335  
 336  div.mce-inline-toolbar-grp.mce-arrow-right:before {
 337      right: 20px;
 338  }
 339  
 340  div.mce-inline-toolbar-grp.mce-arrow-right:after {
 341      right: 21px;
 342  }
 343  
 344  div.mce-inline-toolbar-grp.mce-arrow-full {
 345      right: 0;
 346  }
 347  
 348  div.mce-inline-toolbar-grp.mce-arrow-full > div {
 349      width: 100%;
 350      overflow-x: auto;
 351  }
 352  
 353  div.mce-toolbar-grp > div {
 354      padding: 3px;
 355  }
 356  
 357  .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
 358      padding-right: 32px;
 359  }
 360  
 361  .mce-toolbar .mce-btn-group {
 362      margin: 0;
 363  }
 364  
 365  /* Classic block hide/show toolbars */
 366  .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
 367      display: none;
 368  }
 369  
 370  .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
 371      display: block;
 372  }
 373  
 374  div.mce-statusbar {
 375      border-top: 1px solid #dcdcde;
 376  }
 377  
 378  div.mce-path {
 379      padding: 2px 10px;
 380      margin: 0;
 381  }
 382  
 383  .mce-path,
 384  .mce-path-item,
 385  .mce-path .mce-divider {
 386      font-size: 12px;
 387  }
 388  
 389  .mce-toolbar .mce-btn,
 390  .qt-dfw {
 391      border-color: transparent;
 392      background: transparent;
 393      box-shadow: none;
 394      text-shadow: none;
 395      cursor: pointer;
 396  }
 397  
 398  .mce-btn .mce-txt {
 399      direction: inherit;
 400      text-align: inherit;
 401  }
 402  
 403  .mce-toolbar .mce-btn-group .mce-btn,
 404  .qt-dfw {
 405      border: 1px solid transparent;
 406      margin: 2px;
 407      border-radius: 2px;
 408  }
 409  
 410  .mce-toolbar .mce-btn-group .mce-btn:hover,
 411  .mce-toolbar .mce-btn-group .mce-btn:focus,
 412  .qt-dfw:hover,
 413  .qt-dfw:focus {
 414      background: #f6f7f7;
 415      color: #1d2327;
 416      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 417      /* Only visible in Windows High Contrast mode */
 418      outline: 2px solid transparent;
 419  }
 420  
 421  .mce-toolbar .mce-btn-group .mce-btn.mce-active,
 422  .mce-toolbar .mce-btn-group .mce-btn:active,
 423  .qt-dfw.active {
 424      background: #f0f0f1;
 425      border-color: #50575e;
 426  }
 427  
 428  /*
 429   * TinyMCE appends its skin stylesheet when the editor initializes. The skin may
 430   * be parsed after this stylesheet. The extra `mce-toolbar` class gives these
 431   * selectors a higher specificity than the skin's white active state, so that
 432   * the styling no longer depend on source order.
 433   */
 434  .mce-toolbar .mce-btn.mce-active,
 435  .mce-toolbar .mce-btn.mce-active button,
 436  .mce-toolbar .mce-btn.mce-active:hover button,
 437  .mce-toolbar .mce-btn.mce-active i,
 438  .mce-toolbar .mce-btn.mce-active:hover i {
 439      color: inherit;
 440  }
 441  
 442  .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
 443  .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
 444      border-color: #1d2327;
 445  }
 446  
 447  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
 448  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
 449      color: #a7aaad;
 450      background: none;
 451      border-color: #dcdcde;
 452      text-shadow: 0 1px 0 #fff;
 453      box-shadow: none;
 454  }
 455  
 456  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
 457      border-color: #50575e;
 458  }
 459  
 460  .mce-toolbar .mce-btn-group .mce-first,
 461  .mce-toolbar .mce-btn-group .mce-last {
 462      border-color: transparent;
 463  }
 464  
 465  .mce-toolbar .mce-btn button,
 466  .qt-dfw {
 467      padding: 2px 3px;
 468      line-height: normal;
 469  }
 470  
 471  .mce-toolbar .mce-listbox button {
 472      font-size: 13px;
 473      line-height: 1.53846153;
 474      padding-left: 6px;
 475      padding-right: 20px;
 476  }
 477  
 478  .mce-toolbar .mce-btn i {
 479      text-shadow: none;
 480  }
 481  
 482  .mce-toolbar .mce-btn-group > div {
 483      white-space: normal;
 484  }
 485  
 486  .mce-toolbar .mce-colorbutton .mce-open {
 487      border-right: 0;
 488  }
 489  
 490  .mce-toolbar .mce-colorbutton .mce-preview {
 491      margin: 0;
 492      padding: 0;
 493      top: auto;
 494      bottom: 2px;
 495      left: 3px;
 496      height: 3px;
 497      width: 20px;
 498      background: #50575e;
 499  }
 500  
 501  .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
 502      min-width: 0;
 503      background: #3582c4;
 504      border-color: #2271b1 #135e96 #135e96;
 505      box-shadow: 0 1px 0 #135e96;
 506      color: #fff;
 507      text-decoration: none;
 508      text-shadow: none;
 509  }
 510  
 511  /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
 512  .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
 513      padding: 2px 3px 1px;
 514  }
 515  
 516  .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
 517      color: #fff;
 518  }
 519  
 520  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
 521  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
 522      background: #4f94d4;
 523      border-color: #135e96;
 524      color: #fff;
 525  }
 526  
 527  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
 528      box-shadow: 0 0 1px 1px #72aee6;
 529  }
 530  
 531  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
 532      background: #2271b1;
 533      border-color: #135e96;
 534      box-shadow: inset 0 2px 0 #135e96;
 535  }
 536  
 537  /* mce listbox */
 538  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
 539      border-radius: 0;
 540      direction: ltr;
 541      background: #fff;
 542      border: 1px solid #dcdcde;
 543  }
 544  
 545  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
 546  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
 547      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 548      /* Only visible in Windows High Contrast mode */
 549      outline: 2px solid transparent;
 550  }
 551  
 552  .mce-panel .mce-btn i.mce-caret {
 553      border-top: 6px solid #50575e;
 554      margin-left: 2px;
 555      margin-right: 2px;
 556  }
 557  
 558  .mce-listbox i.mce-caret {
 559      right: 4px;
 560  }
 561  
 562  .mce-panel .mce-btn:hover i.mce-caret,
 563  .mce-panel .mce-btn:focus i.mce-caret {
 564      border-top-color: #1d2327;
 565  }
 566  
 567  .mce-panel .mce-active i.mce-caret {
 568      border-top: 0;
 569      border-bottom: 6px solid #1d2327;
 570      margin-top: 7px;
 571  }
 572  
 573  .mce-listbox.mce-active i.mce-caret {
 574      margin-top: -3px;
 575  }
 576  
 577  .mce-toolbar .mce-splitbtn:hover .mce-open {
 578      border-right-color: transparent;
 579  }
 580  
 581  .mce-toolbar .mce-splitbtn .mce-open.mce-active {
 582      background: transparent;
 583      outline: none;
 584  }
 585  
 586  .mce-menu .mce-menu-item:hover,
 587  .mce-menu .mce-menu-item.mce-selected,
 588  .mce-menu .mce-menu-item:focus,
 589  .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
 590  .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
 591      background: #2271b1; /* See color scheme. */
 592      color: #fff;
 593  }
 594  
 595  .mce-menu .mce-menu-item:hover .mce-caret,
 596  .mce-menu .mce-menu-item:focus .mce-caret,
 597  .mce-menu .mce-menu-item.mce-selected .mce-caret {
 598      border-left-color: #fff;
 599  }
 600  
 601  /* rtl:ignore */
 602  .rtl .mce-menu .mce-menu-item:hover .mce-caret,
 603  .rtl .mce-menu .mce-menu-item:focus .mce-caret,
 604  .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {
 605      border-left-color: inherit;
 606      border-right-color: #fff;
 607  }
 608  
 609  .mce-menu .mce-menu-item:hover .mce-text,
 610  .mce-menu .mce-menu-item:focus .mce-text,
 611  .mce-menu .mce-menu-item:hover .mce-ico,
 612  .mce-menu .mce-menu-item:focus .mce-ico,
 613  .mce-menu .mce-menu-item.mce-selected .mce-text,
 614  .mce-menu .mce-menu-item.mce-selected .mce-ico,
 615  .mce-menu .mce-menu-item:hover .mce-menu-shortcut,
 616  .mce-menu .mce-menu-item:focus .mce-menu-shortcut,
 617  .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,
 618  .mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
 619  .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {
 620      color: inherit;
 621  }
 622  
 623  .mce-menu .mce-menu-item.mce-disabled {
 624      cursor: default;
 625  }
 626  
 627  .mce-menu .mce-menu-item.mce-disabled:hover {
 628      background: #c3c4c7;
 629  }
 630  
 631  /* Menubar */
 632  div.mce-menubar {
 633      border-color: #dcdcde;
 634      background: #fff;
 635      border-width: 0 0 1px;
 636  }
 637  
 638  .mce-menubar .mce-menubtn:hover,
 639  .mce-menubar .mce-menubtn.mce-active,
 640  .mce-menubar .mce-menubtn:focus {
 641      border-color: transparent;
 642      background: transparent;
 643  }
 644  
 645  .mce-menubar .mce-menubtn:focus {
 646      color: #043959;
 647      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 648      /* Only visible in Windows High Contrast mode */
 649      outline: 2px solid transparent;
 650  }
 651  
 652  div.mce-menu .mce-menu-item-sep,
 653  .mce-menu-item-sep:hover {
 654      border-bottom: 1px solid #dcdcde;
 655      height: 0;
 656      margin: 5px 0;
 657  }
 658  
 659  .mce-menubtn span {
 660      margin-right: 0;
 661      padding-left: 3px;
 662  }
 663  
 664  .mce-menu-has-icons i.mce-ico:before {
 665      margin-left: -2px;
 666  }
 667  
 668  /* Keyboard shortcuts position */
 669  .mce-menu.mce-menu-align .mce-menu-item-normal {
 670      position: relative;
 671  }
 672  
 673  .mce-menu.mce-menu-align .mce-menu-shortcut {
 674      bottom: 0.6em;
 675      font-size: 0.9em;
 676  }
 677  
 678  /* Buttons in modals */
 679  .mce-primary button,
 680  .mce-primary button i {
 681      text-align: center;
 682      color: #fff;
 683      text-shadow: none;
 684      padding: 0;
 685      line-height: 1.85714285;
 686  }
 687  
 688  .mce-window .mce-btn {
 689      color: #50575e;
 690      background: #f6f7f7;
 691      text-decoration: none;
 692      font-size: 13px;
 693      line-height: 26px;
 694      height: 28px;
 695      margin: 0;
 696      padding: 0;
 697      cursor: pointer;
 698      border: 1px solid #c3c4c7;
 699      -webkit-appearance: none;
 700      border-radius: 3px;
 701      white-space: nowrap;
 702      box-shadow: 0 1px 0 #c3c4c7;
 703  }
 704  
 705  /* Remove the dotted border on :focus and the extra padding in Firefox */
 706  .mce-window .mce-btn::-moz-focus-inner {
 707      border-width: 0;
 708      border-style: none;
 709      padding: 0;
 710  }
 711  
 712  .mce-window .mce-btn:hover,
 713  .mce-window .mce-btn:focus {
 714      background: #f6f7f7;
 715      border-color: #8c8f94;
 716      color: #1d2327;
 717  }
 718  
 719  .mce-window .mce-btn:focus {
 720      border-color: #4f94d4;
 721      box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 722  }
 723  
 724  .mce-window .mce-btn:active {
 725      background: #f0f0f1;
 726      border-color: #8c8f94;
 727      box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 728      transform: translateY(1px);
 729  }
 730  
 731  .mce-window .mce-btn.mce-disabled {
 732      color: #a7aaad !important;
 733      border-color: #dcdcde !important;
 734      background: #f6f7f7 !important;
 735      box-shadow: none !important;
 736      text-shadow: 0 1px 0 #fff !important;
 737      cursor: default;
 738      transform: none !important;
 739  }
 740  
 741  .mce-window .mce-btn.mce-primary {
 742      background: #3582c4;
 743      border-color: #2271b1 #135e96 #135e96;
 744      box-shadow: 0 1px 0 #135e96;
 745      color: #fff;
 746      text-decoration: none;
 747      text-shadow: 0 -1px 1px #135e96,
 748          1px 0 1px #135e96,
 749          0 1px 1px #135e96,
 750          -1px 0 1px #135e96;
 751  }
 752  
 753  .mce-window .mce-btn.mce-primary:hover,
 754  .mce-window .mce-btn.mce-primary:focus {
 755      background: #4f94d4;
 756      border-color: #135e96;
 757      color: #fff;
 758  }
 759  
 760  .mce-window .mce-btn.mce-primary:focus {
 761      box-shadow: 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      font-family: tinymce, Arial;
 823  }
 824  
 825  .mce-btn-small .mce-ico {
 826      font-family: tinymce-small, Arial;
 827  }
 828  
 829  .mce-toolbar .mce-ico {
 830      color: #50575e;
 831      line-height: 1;
 832      width: 20px;
 833      height: 20px;
 834      text-align: center;
 835      text-shadow: none;
 836      margin: 0;
 837      padding: 0;
 838  }
 839  
 840  .qt-dfw {
 841      color: #50575e;
 842      line-height: 1;
 843      width: 28px;
 844      height: 26px;
 845      text-align: center;
 846      text-shadow: none;
 847  }
 848  
 849  .mce-toolbar .mce-btn .mce-open {
 850      line-height: 20px;
 851  }
 852  
 853  .mce-toolbar .mce-btn:hover .mce-open,
 854  .mce-toolbar .mce-btn:focus .mce-open,
 855  .mce-toolbar .mce-btn.mce-active .mce-open {
 856      border-left-color: #1d2327;
 857  }
 858  
 859  div.mce-notification {
 860      left: 10% !important;
 861      right: 10%;
 862  }
 863  
 864  .mce-notification button.mce-close {
 865      right: 6px;
 866      top: 3px;
 867      font-weight: 400;
 868      color: #50575e;
 869  }
 870  
 871  .mce-notification button.mce-close:hover,
 872  .mce-notification button.mce-close:focus {
 873      color: #000;
 874  }
 875  
 876  i.mce-i-bold,
 877  i.mce-i-italic,
 878  i.mce-i-bullist,
 879  i.mce-i-numlist,
 880  i.mce-i-blockquote,
 881  i.mce-i-alignleft,
 882  i.mce-i-aligncenter,
 883  i.mce-i-alignright,
 884  i.mce-i-link,
 885  i.mce-i-unlink,
 886  i.mce-i-wp_more,
 887  i.mce-i-strikethrough,
 888  i.mce-i-spellchecker,
 889  i.mce-i-fullscreen,
 890  i.mce-i-wp_fullscreen,
 891  i.mce-i-dfw,
 892  i.mce-i-wp_adv,
 893  i.mce-i-underline,
 894  i.mce-i-alignjustify,
 895  i.mce-i-forecolor,
 896  i.mce-i-backcolor,
 897  i.mce-i-pastetext,
 898  i.mce-i-pasteword,
 899  i.mce-i-removeformat,
 900  i.mce-i-charmap,
 901  i.mce-i-outdent,
 902  i.mce-i-indent,
 903  i.mce-i-undo,
 904  i.mce-i-redo,
 905  i.mce-i-help,
 906  i.mce-i-wp_help,
 907  i.mce-i-wp-media-library,
 908  i.mce-i-ltr,
 909  i.mce-i-wp_page,
 910  i.mce-i-hr,
 911  i.mce-i-wp_code,
 912  i.mce-i-dashicon,
 913  i.mce-i-remove {
 914      font: normal 20px/1 dashicons;
 915      padding: 0;
 916      vertical-align: top;
 917      -webkit-font-smoothing: antialiased;
 918      -moz-osx-font-smoothing: grayscale;
 919      margin-left: -2px;
 920      padding-right: 2px;
 921  }
 922  
 923  .qt-dfw {
 924      font: normal 20px/1 dashicons;
 925      vertical-align: top;
 926      -webkit-font-smoothing: antialiased;
 927      -moz-osx-font-smoothing: grayscale;
 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: 150%;
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: right;
1156  }
1157  
1158  .wp-switch-editor {
1159      float: left;
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 0 0 5px;
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: left;
1203  }
1204  
1205  .wp-media-buttons .button {
1206      margin-right: 5px;
1207      margin-bottom: 4px;
1208      padding-left: 7px;
1209      padding-right: 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-left: 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: normal 18px/1 dashicons;
1249      -webkit-font-smoothing: antialiased;
1250      -moz-osx-font-smoothing: grayscale;
1251  }
1252  
1253  .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1254      content: "\f104";
1255      content: "\f104" / '';
1256  }
1257  
1258  .mce-content-body dl.wp-caption {
1259      max-width: 100%;
1260  }
1261  
1262  /* Quicktags */
1263  .quicktags-toolbar {
1264      padding: 3px;
1265      position: relative;
1266      border-bottom: 1px solid #dcdcde;
1267      background: #f6f7f7;
1268      min-height: 30px;
1269  }
1270  
1271  .has-dfw .quicktags-toolbar {
1272      padding-right: 35px;
1273  }
1274  
1275  .wp-core-ui .quicktags-toolbar input.button.button-small {
1276      margin: 2px;
1277  }
1278  
1279  .quicktags-toolbar input[value="link"] {
1280      text-decoration: underline;
1281  }
1282  
1283  .quicktags-toolbar input[value="del"] {
1284      text-decoration: line-through;
1285  }
1286  
1287  .quicktags-toolbar input[value="i"] {
1288      font-style: italic;
1289  }
1290  
1291  .quicktags-toolbar input[value="b"] {
1292      font-weight: 600;
1293  }
1294  
1295  .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1296  .qt-dfw {
1297      position: absolute;
1298      top: 0;
1299      right: 0;
1300  }
1301  
1302  .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1303      margin: 7px 7px 0 0;
1304  }
1305  
1306  .qt-dfw {
1307      margin: 5px 5px 0 0;
1308  }
1309  
1310  .qt-fullscreen {
1311      position: static;
1312      margin: 2px;
1313  }
1314  
1315  @media screen and (max-width: 782px) {
1316      .mce-toolbar .mce-btn button,
1317      .qt-dfw {
1318          padding: 6px 7px;
1319      }
1320  
1321      /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
1322      .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
1323          padding: 6px 7px 5px;
1324      }
1325  
1326      .mce-toolbar .mce-btn-group .mce-btn {
1327          margin: 1px;
1328      }
1329  
1330      .qt-dfw {
1331          width: 36px;
1332          height: 34px;
1333      }
1334  
1335      .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1336          margin: 4px 4px 0 0;
1337      }
1338  
1339      .mce-toolbar .mce-colorbutton .mce-preview {
1340          left: 8px;
1341          bottom: 6px;
1342      }
1343  
1344      .mce-window .mce-btn {
1345          padding: 2px 0;
1346      }
1347  
1348      .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1349      .has-dfw .quicktags-toolbar {
1350          padding-right: 40px;
1351      }
1352  }
1353  
1354  @media screen and (min-width: 782px) {
1355      .wp-core-ui .quicktags-toolbar input.button.button-small {
1356          /* .button-small is normally 11px, but a bit too small for these buttons. */
1357          font-size: 12px;
1358          min-height: 26px;
1359          line-height: 2;
1360      }
1361  }
1362  
1363  #wp_editbtns,
1364  #wp_gallerybtns {
1365      padding: 2px;
1366      position: absolute;
1367      display: none;
1368      z-index: 100020;
1369  }
1370  
1371  #wp_editimgbtn,
1372  #wp_delimgbtn,
1373  #wp_editgallery,
1374  #wp_delgallery {
1375      background-color: #f0f0f1;
1376      margin: 2px;
1377      padding: 2px;
1378      border: 1px solid #8c8f94;
1379      border-radius: 3px;
1380  }
1381  
1382  #wp_editimgbtn:hover,
1383  #wp_delimgbtn:hover,
1384  #wp_editgallery:hover,
1385  #wp_delgallery:hover {
1386      border-color: #50575e;
1387      background-color: #c3c4c7;
1388  }
1389  
1390  /*------------------------------------------------------------------------------
1391   wp-link
1392  ------------------------------------------------------------------------------*/
1393  
1394  #wp-link-wrap {
1395      display: none;
1396      background-color: #fff;
1397      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
1398      width: 500px;
1399      overflow: hidden;
1400      margin-left: -250px;
1401      margin-top: -125px;
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 {
1429      height: 600px;
1430      margin-top: -300px;
1431  }
1432  
1433  #wp-link-wrap .wp-link-text-field {
1434      display: none;
1435  }
1436  
1437  #wp-link-wrap.has-text-field .wp-link-text-field {
1438      display: block;
1439  }
1440  
1441  #link-modal-title {
1442      background: #fff;
1443      border-bottom: 1px solid #dcdcde;
1444      font-size: 18px;
1445      font-weight: 600;
1446      line-height: 2;
1447      margin: 0;
1448      padding: 0 36px 0 16px;
1449  }
1450  
1451  #wp-link-close {
1452      color: #646970;
1453      padding: 0;
1454      position: absolute;
1455      top: 0;
1456      right: 0;
1457      width: 36px;
1458      height: 36px;
1459      text-align: center;
1460      background: none;
1461      border: none;
1462      cursor: pointer;
1463  }
1464  
1465  #wp-link-close:before {
1466      font: normal 20px/36px dashicons;
1467      vertical-align: top;
1468      -webkit-font-smoothing: antialiased;
1469      -moz-osx-font-smoothing: grayscale;
1470      width: 36px;
1471      height: 36px;
1472      content: "\f158";
1473      content: "\f158" / '';
1474  }
1475  
1476  #wp-link-close:hover,
1477  #wp-link-close:focus {
1478      color: var(--wp-admin-theme-color-darker-20, #183ad6);
1479  }
1480  
1481  #wp-link-close:focus {
1482      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
1483      /* Only visible in Windows High Contrast mode */
1484      outline: 2px solid transparent;
1485      outline-offset: -2px;
1486  }
1487  
1488  #wp-link-wrap #link-selector {
1489      -webkit-overflow-scrolling: touch;
1490      padding: 0 16px;
1491      position: absolute;
1492      top: calc(2.15384615em + 16px);
1493      left: 0;
1494      right: 0;
1495      bottom: calc(2.15384615em + 19px);
1496      display: flex;
1497      flex-direction: column;
1498      overflow: auto;
1499  }
1500  
1501  #wp-link ol,
1502  #wp-link ul {
1503      list-style: none;
1504      margin: 0;
1505      padding: 0;
1506  }
1507  
1508  #wp-link input[type="text"] {
1509      box-sizing: border-box;
1510  }
1511  
1512  #wp-link #link-options {
1513      padding: 8px 0 12px;
1514  }
1515  
1516  #wp-link p.howto {
1517      margin: 3px 0;
1518  }
1519  
1520  #wp-link p.howto a {
1521      text-decoration: none;
1522      color: inherit;
1523  }
1524  
1525  #wp-link label input[type="text"] {
1526      margin-top: 5px;
1527      width: 70%;
1528  }
1529  
1530  #wp-link #link-options label span,
1531  #wp-link #search-panel label span.search-label {
1532      display: inline-block;
1533      width: 120px;
1534      text-align: right;
1535      padding-right: 5px;
1536      max-width: 24%;
1537      vertical-align: middle;
1538      word-wrap: break-word;
1539  }
1540  
1541  #wp-link .link-search-field {
1542      width: 250px;
1543      max-width: 70%;
1544  }
1545  
1546  #wp-link .link-search-wrapper {
1547      margin: 5px 0 9px;
1548      display: block;
1549  }
1550  
1551  #wp-link .query-results {
1552      position: absolute;
1553      width: calc(100% - 32px);
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 .query-results {
1570      border: 1px #dcdcde solid;
1571      margin: 0 0 12px;
1572      background: #fff;
1573      overflow: auto;
1574      max-height: 290px;
1575  }
1576  
1577  #wp-link li {
1578      clear: both;
1579      margin-bottom: 0;
1580      border-bottom: 1px solid #f0f0f1;
1581      color: #2c3338;
1582      padding: 4px 6px 4px 10px;
1583      cursor: pointer;
1584      position: relative;
1585  }
1586  
1587  #wp-link .query-notice {
1588      padding: 0;
1589      border-bottom: 1px solid #dcdcde;
1590      background-color: #fff;
1591      color: #000;
1592  }
1593  
1594  #wp-link .query-notice .query-notice-default,
1595  #wp-link .query-notice .query-notice-hint {
1596      display: block;
1597      padding: 6px;
1598      border-left: 4px solid #72aee6;
1599  }
1600  
1601  #wp-link .unselectable.no-matches-found {
1602      padding: 0;
1603      border-bottom: 1px solid #dcdcde;
1604      background-color: #f6f7f7;
1605  }
1606  
1607  #wp-link .no-matches-found .item-title {
1608      display: block;
1609      padding: 6px;
1610      border-left: 4px solid #d63638;
1611  }
1612  
1613  #wp-link .query-results em {
1614      font-style: normal;
1615  }
1616  
1617  #wp-link li:hover {
1618      background: #f0f6fc;
1619      color: #101517;
1620  }
1621  
1622  #wp-link li.unselectable {
1623      border-bottom: 1px solid #dcdcde;
1624  }
1625  
1626  #wp-link li.unselectable:hover {
1627      background: #fff;
1628      cursor: auto;
1629      color: #2c3338;
1630  }
1631  
1632  #wp-link li.selected {
1633      background: #dcdcde;
1634      color: #2c3338;
1635  }
1636  
1637  #wp-link li.selected .item-title {
1638      font-weight: 600;
1639  }
1640  
1641  #wp-link li:last-child {
1642      border: none;
1643  }
1644  
1645  #wp-link .item-title {
1646      display: inline-block;
1647      width: 80%;
1648      width: calc(100% - 68px);
1649      word-wrap: break-word;
1650  }
1651  
1652  #wp-link .item-info {
1653      text-transform: uppercase;
1654      color: #646970;
1655      font-size: 11px;
1656      position: absolute;
1657      right: 5px;
1658      top: 5px;
1659  }
1660  
1661  #wp-link .river-waiting {
1662      display: none;
1663      padding: 10px 0;
1664  }
1665  
1666  #wp-link .submitbox {
1667      padding: 8px 16px;
1668      background: #fff;
1669      border-top: 1px solid #dcdcde;
1670      position: absolute;
1671      bottom: 0;
1672      left: 0;
1673      right: 0;
1674  }
1675  
1676  #wp-link-cancel {
1677      line-height: 1.92307692;
1678      float: left;
1679  }
1680  
1681  #wp-link-update {
1682      line-height: 1.76923076;
1683      float: right;
1684  }
1685  
1686  #wp-link-submit {
1687      float: right;
1688  }
1689  
1690  @media screen and (max-width: 782px) {
1691      #link-selector {
1692          padding: 0 16px 60px;
1693      }
1694  
1695      #wp-link-wrap #link-selector {
1696          bottom: calc(2.71428571em + 23px);
1697      }
1698  
1699      #wp-link-cancel {
1700          line-height: 2.46153846;
1701      }
1702  
1703      #wp-link .link-target {
1704          padding-top: 10px;
1705      }
1706  
1707      #wp-link .submitbox .button {
1708          margin-bottom: 0;
1709      }
1710  }
1711  
1712  @media screen and (max-width: 520px) {
1713      #wp-link-wrap {
1714          width: auto;
1715          margin-left: 0;
1716          left: 10px;
1717          right: 10px;
1718          max-width: 500px;
1719      }
1720  }
1721  
1722  @media screen and (max-height: 620px) {
1723      #wp-link-wrap {
1724          transition: none;
1725          height: auto;
1726          margin-top: 0;
1727          top: 10px;
1728          bottom: 10px;
1729      }
1730  
1731      #link-selector {
1732          overflow: auto;
1733      }
1734  }
1735  
1736  @media screen and (max-height: 290px) {
1737      #wp-link-wrap {
1738          height: auto;
1739          margin-top: 0;
1740          top: 10px;
1741          bottom: 10px;
1742      }
1743  
1744      #link-selector {
1745          overflow: auto;
1746          height: calc(100% - 92px);
1747          padding-bottom: 2px;
1748      }
1749  }
1750  
1751  div.wp-link-preview {
1752      float: left;
1753      margin: 5px;
1754      max-width: 694px;
1755      overflow: hidden;
1756      text-overflow: ellipsis;
1757  }
1758  
1759  div.wp-link-preview a {
1760      color: #2271b1;
1761      text-decoration: underline;
1762      transition-property: border, background, color;
1763      transition-duration: .05s;
1764      transition-timing-function: ease-in-out;
1765      cursor: pointer;
1766  }
1767  
1768  div.wp-link-preview a.wplink-url-error {
1769      color: #d63638;
1770  }
1771  
1772  .mce-inline-toolbar-grp div.mce-flow-layout-item > div {
1773      display: flex;
1774      align-items: flex-end;
1775  }
1776  
1777  div.wp-link-input {
1778      float: left;
1779      margin: 2px;
1780      max-width: 694px;
1781  }
1782  
1783  div.wp-link-input label {
1784      margin-bottom: 4px;
1785      display: block;
1786  }
1787  
1788  div.wp-link-input input {
1789      width: 300px;
1790      padding: 3px;
1791      box-sizing: border-box;
1792      line-height: 1.28571429; /* 18px */
1793      /* Override value inherited from default input fields. */
1794      min-height: 26px;
1795  }
1796  
1797  .mce-toolbar div.wp-link-preview ~ .mce-btn,
1798  .mce-toolbar div.wp-link-input ~ .mce-btn {
1799      margin: 2px 1px;
1800  }
1801  
1802  .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
1803      margin-right: 2px;
1804  }
1805  
1806  .ui-autocomplete.wplink-autocomplete {
1807      z-index: 100110;
1808      max-height: 200px;
1809      overflow-y: auto;
1810      padding: 0;
1811      margin: 0;
1812      list-style: none;
1813      position: absolute;
1814      border: 1px solid #4f94d4;
1815      box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
1816      background-color: #fff;
1817  }
1818  
1819  .ui-autocomplete.wplink-autocomplete li {
1820      margin-bottom: 0;
1821      padding: 4px 10px;
1822      clear: both;
1823      white-space: normal;
1824      text-align: left;
1825  }
1826  
1827  .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
1828      float: right;
1829  }
1830  
1831  .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
1832      background-color: #dcdcde;
1833      cursor: pointer;
1834  }
1835  
1836  @media screen and (max-width: 782px) {
1837      div.wp-link-preview,
1838      div.wp-link-input {
1839          max-width: 70%;
1840          max-width: calc(100% - 86px);
1841      }
1842  
1843      div.wp-link-preview {
1844          margin: 8px 0 8px 5px;
1845      }
1846  
1847      div.wp-link-input {
1848          width: 300px;
1849      }
1850  
1851      div.wp-link-input input {
1852          width: 100%;
1853          font-size: 16px;
1854          padding: 5px;
1855      }
1856  }
1857  
1858  /* =Overlay Body
1859  -------------------------------------------------------------- */
1860  
1861  .mce-fullscreen {
1862      z-index: 100010;
1863  }
1864  
1865  /* =Localization
1866  -------------------------------------------------------------- */
1867  .rtl .wp-switch-editor,
1868  .rtl .quicktags-toolbar input {
1869      font-family: Tahoma, sans-serif;
1870  }
1871  
1872  /* rtl:ignore */
1873  .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
1874      direction: rtl;
1875  }
1876  
1877  /* rtl:ignore */
1878  .mce-rtl .mce-listbox i.mce-caret {
1879      left: 6px;
1880  }
1881  
1882  html:lang(he-il) .rtl .wp-switch-editor,
1883  html:lang(he-il) .rtl .quicktags-toolbar input {
1884      font-family: Arial, sans-serif;
1885  }
1886  
1887  /* HiDPI */
1888  @media print,
1889    (min-resolution: 120dpi) {
1890      .wp-media-buttons .add_media span.wp-media-buttons-icon {
1891          background: none;
1892      }
1893  }