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