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