wp-includes/css/editor.css

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