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