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