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.mce-in {
  17         opacity: 0.7;
  18         filter: alpha(opacity=70);
  19 }
  20
  21 .mce-window {
  22         -webkit-border-radius: 0;
  23         border-radius: 0;
  24         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  25         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  26         -webkit-font-smoothing: subpixel-antialiased;
  27 }
  28
  29 .mce-window .mce-container-body.mce-abs-layout {
  30         overflow: visible;
  31 }
  32
  33 .mce-window .mce-window-head {
  34         background: #fcfcfc;
  35         border-bottom: 1px solid #dfdfdf;
  36         padding: 0;
  37         min-height: 36px;
  38 }
  39
  40 .mce-window .mce-window-head .mce-title {
  41         color: #444;
  42         font-size: 18px;
  43         font-weight: 600;
  44         line-height: 36px;
  45         margin: 0;
  46         padding: 0 16px 0 36px;
  47 }
  48
  49 .mce-window .mce-window-head .mce-close {
  50         color: transparent;
  51         top: 0;
  52         left: 0;
  53         width: 36px;
  54         height: 36px;
  55         line-height: 36px;
  56         text-align: center;
  57 }
  58
  59 .mce-window .mce-window-head .mce-close:before {
  60         font: normal 20px/36px 'dashicons';
  61         text-align: center;
  62         color: #666;
  63         width: 36px;
  64         height: 36px;
  65         display: block;
  66 }
  67
  68 .mce-window .mce-window-head .mce-close:hover:before {
  69         color: #2ea2cc;
  70 }
  71
  72 .mce-window .mce-window-head .mce-dragh {
  73         width: -webkit-calc( 100% - 36px );
  74         width: calc( 100% - 36px );
  75 }
  76
  77 .mce-wp-help .mce-window-head {
  78         border-bottom: none;
  79 }
  80
  81 .mce-textbox,
  82 .mce-checkbox i.mce-i-checkbox,
  83 #wp-link .query-results {
  84         border: 1px solid #ddd;
  85         -webkit-border-radius: 0;
  86         border-radius: 0;
  87         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
  88         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
  89         -webkit-transition: .05s all ease-in-out;
  90         transition: .05s all ease-in-out;
  91 }
  92
  93 .mce-textbox:focus,
  94 .mce-textbox.mce-focus,
  95 .mce-checkbox:focus i.mce-i-checkbox,
  96 #wp-link .query-results:focus {
  97         border-color: #5b9dd9;
  98         -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
  99         box-shadow: 0 0 2px rgba(30,140,190,0.8);
 100 }
 101
 102 /* TinyMCE menus */
 103 .mce-menu,
 104 .mce-floatpanel.mce-popover {
 105         border-color: rgba(0,0,0,0.15);
 106         -webkit-border-radius: 0;
 107         border-radius: 0;
 108         -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
 109         box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
 110 }
 111
 112 .mce-floatpanel.mce-popover.mce-bottom {
 113         margin-top: 2px;
 114 }
 115
 116 .mce-floatpanel .mce-arrow {
 117         display: none;
 118 }
 119
 120 .mce-menu .mce-container-body {
 121         min-width: 160px;
 122 }
 123
 124 .mce-menu-item {
 125         border: none;
 126         margin-bottom: 2px;
 127 }
 128
 129 .mce-menu-has-icons i.mce-ico {
 130         line-height: 20px;
 131 }
 132
 133 /* TinyMCE panel */
 134 div.mce-panel {
 135         border: 0;
 136         background: #fff;
 137         -webkit-filter: none;
 138         filter: none;
 139 }
 140
 141 .mce-panel.mce-menu {
 142         border: 1px solid #ddd;
 143 }
 144
 145 div.mce-tab {
 146         line-height: 13px;
 147 }
 148
 149 /* TinyMCE toolbars */
 150 div.mce-toolbar-grp {
 151         border-bottom: 1px solid #dedede;
 152         background: #f5f5f5;
 153         padding: 0;
 154         position: relative;
 155 }
 156
 157 div.mce-inline-toolbar-grp {
 158         border: 1px solid #aaa;
 159         -webkit-border-radius: 2px;
 160         border-radius: 2px;
 161         -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
 162         box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
 163         -webkit-box-sizing: border-box;
 164         -moz-box-sizing: border-box;
 165         box-sizing: border-box;
 166         margin-bottom: 8px;
 167         position: absolute;
 168         visibility: hidden;
 169         -moz-user-select: none;
 170         -webkit-user-select: none;
 171         -ms-user-select: none;
 172         user-select: none;
 173         z-index: 100100; /* Same as the other TinyMCE "panels" */
 174 }
 175
 176 div.mce-wp-image-toolbar > div.mce-stack-layout {
 177         padding: 1px;
 178 }
 179
 180 div.mce-inline-toolbar-grp.mce-arrow-up {
 181         margin-bottom: 0;
 182         margin-top: 8px;
 183 }
 184
 185 div.mce-inline-toolbar-grp:before,
 186 div.mce-inline-toolbar-grp:after {
 187         position: absolute;
 188         right: 50%;
 189         display: block;
 190         width: 0;
 191         height: 0;
 192         border-style: solid;
 193         border-color: transparent;
 194         content: '';
 195 }
 196
 197 div.mce-inline-toolbar-grp.mce-arrow-up:before {
 198         top: -18px;
 199         border-bottom-color: #aaa;
 200         border-width: 9px;
 201         margin-right: -9px;
 202 }
 203
 204 div.mce-inline-toolbar-grp.mce-arrow-down:before {
 205         bottom: -18px;
 206         border-top-color: #aaa;
 207         border-width: 9px;
 208         margin-right: -9px;
 209 }
 210
 211 div.mce-inline-toolbar-grp.mce-arrow-up:after {
 212         top: -16px;
 213         border-bottom-color: #f5f5f5;
 214         border-width: 8px;
 215         margin-right: -8px;
 216 }
 217
 218 div.mce-inline-toolbar-grp.mce-arrow-down:after {
 219         bottom: -16px;
 220         border-top-color: #f5f5f5;
 221         border-width: 8px;
 222         margin-right: -8px;
 223 }
 224
 225 div.mce-inline-toolbar-grp.mce-arrow-left:before,
 226 div.mce-inline-toolbar-grp.mce-arrow-left:after {
 227         margin: 0;
 228 }
 229
 230 div.mce-inline-toolbar-grp.mce-arrow-left:before {
 231         right: 20px;
 232 }
 233 div.mce-inline-toolbar-grp.mce-arrow-left:after {
 234         right: 21px;
 235 }
 236
 237 div.mce-inline-toolbar-grp.mce-arrow-right:before,
 238 div.mce-inline-toolbar-grp.mce-arrow-right:after {
 239         right: auto;
 240         margin: 0;
 241 }
 242
 243 div.mce-inline-toolbar-grp.mce-arrow-right:before {
 244         left: 20px;
 245 }
 246
 247 div.mce-inline-toolbar-grp.mce-arrow-right:after {
 248         left: 21px;
 249 }
 250
 251 div.mce-inline-toolbar-grp.mce-arrow-full {
 252         left: 0;
 253 }
 254
 255 div.mce-inline-toolbar-grp.mce-arrow-full > div {
 256         width: 100%;
 257         overflow-x: auto;
 258 }
 259
 260 div.mce-inline-toolbar-grp-active {
 261         visibility: visible;
 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: #222;
 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: #aaa;
 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: #bbb;
 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: #333;
 430 }
 431
 432 .mce-panel .mce-active i.mce-caret {
 433         border-top: 0;
 434         border-bottom: 6px solid #333;
 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: #bbb;
 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: #222;
 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: #333;
 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: #aaa;
 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: #2ea2cc;
 575         border-color: #0074a2;
 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: #0074a2;
 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-dashicon,
 735 .mce-close {
 736         font: normal 20px/1 'dashicons';
 737         padding: 0;
 738         vertical-align: top;
 739         speak: none;
 740         -webkit-font-smoothing: antialiased;
 741         -moz-osx-font-smoothing: grayscale;
 742         margin-right: -2px;
 743         padding-left: 2px;
 744 }
 745
 746 .qt-dfw {
 747         font: normal 20px/1 'dashicons';
 748         vertical-align: top;
 749         speak: none;
 750         -webkit-font-smoothing: antialiased;
 751         -moz-osx-font-smoothing: grayscale;
 752 }
 753
 754 i.mce-i-bold:before {
 755         content: '\f200';
 756 }
 757
 758 i.mce-i-italic:before {
 759         content: '\f201';
 760 }
 761
 762 i.mce-i-bullist:before {
 763         content: '\f203';
 764 }
 765
 766 i.mce-i-numlist:before {
 767         content: '\f204';
 768 }
 769
 770 i.mce-i-blockquote:before {
 771         content: '\f205';
 772 }
 773
 774 i.mce-i-alignleft:before {
 775         content: '\f206';
 776 }
 777
 778 i.mce-i-aligncenter:before {
 779         content: '\f207';
 780 }
 781
 782 i.mce-i-alignright:before {
 783         content: '\f208';
 784 }
 785
 786 i.mce-i-link:before {
 787         content: '\f103';
 788 }
 789
 790 i.mce-i-unlink:before {
 791         content: '\f225';
 792 }
 793
 794 i.mce-i-wp_more:before {
 795         content: '\f209';
 796 }
 797
 798 i.mce-i-strikethrough:before {
 799         content: '\f224';
 800 }
 801
 802 i.mce-i-spellchecker:before {
 803         content: '\f210';
 804 }
 805
 806 i.mce-i-fullscreen:before,
 807 i.mce-i-wp_fullscreen:before,
 808 i.mce-i-dfw:before,
 809 .qt-dfw:before {
 810         content: '\f211';
 811 }
 812
 813 i.mce-i-wp_adv:before {
 814         content: '\f212';
 815 }
 816
 817 i.mce-i-underline:before {
 818         content: '\f213';
 819 }
 820
 821 i.mce-i-alignjustify:before {
 822         content: '\f214';
 823 }
 824
 825 i.mce-i-forecolor:before,
 826 i.mce-i-backcolor:before {
 827         content: '\f215';
 828 }
 829
 830 i.mce-i-pastetext:before {
 831         content: '\f217';
 832 }
 833
 834 i.mce-i-removeformat:before {
 835         content: '\f218';
 836 }
 837
 838 i.mce-i-charmap:before {
 839         content: '\f220';
 840 }
 841
 842 i.mce-i-outdent:before {
 843         content: '\f221';
 844 }
 845
 846 i.mce-i-indent:before {
 847         content: '\f222';
 848 }
 849
 850 i.mce-i-undo:before {
 851         content: '\f171';
 852 }
 853
 854 i.mce-i-redo:before {
 855         content: '\f172';
 856 }
 857
 858 i.mce-i-help:before,
 859 i.mce-i-wp_help:before {
 860         content: '\f223';
 861 }
 862
 863 i.mce-i-wp-media-library:before {
 864         content: '\f104';
 865 }
 866
 867 i.mce-i-ltr:before {
 868         content: '\f320';
 869 }
 870
 871 i.mce-i-wp_page:before {
 872         content: '\f105';
 873 }
 874
 875 i.mce-i-hr:before {
 876         content: '\f460';
 877 }
 878
 879 .mce-close:before {
 880         content: '\f158';
 881 }
 882
 883 .mce-i-wp_code:before {
 884         content: '\f475';
 885 }
 886
 887 /* Editors */
 888 .wp-editor-wrap {
 889         position: relative;
 890 }
 891
 892 .wp-editor-tools {
 893         position: relative;
 894         z-index: 1;
 895 }
 896
 897 .wp-editor-tools:after {
 898         clear: both;
 899         content: '';
 900         display: table;
 901 }
 902
 903 .wp-editor-container {
 904         clear: both;
 905 }
 906
 907 .wp-editor-area {
 908         font-family: Consolas, Monaco, monospace;
 909         font-size: 13px;
 910         padding: 10px;
 911         margin: 1px 0 0;
 912         line-height: 150%;
 913         border: 0 none;
 914         outline: none;
 915         display: block;
 916         resize: vertical;
 917         -webkit-box-sizing: border-box;
 918         -moz-box-sizing: border-box;
 919         box-sizing: border-box;
 920 }
 921
 922 .rtl .wp-editor-area {
 923         font-family: Tahoma, Monaco, monospace;
 924 }
 925
 926 .locale-he-il .wp-editor-area {
 927         font-family: Arial, Monaco, monospace;
 928 }
 929
 930 .wp-editor-container textarea.wp-editor-area {
 931         width: 100%;
 932         margin: 0;
 933         -webkit-box-shadow: none;
 934         box-shadow: none;
 935 }
 936
 937 .wp-editor-tabs {
 938         float: left;
 939 }
 940
 941 .wp-switch-editor {
 942         float: right;
 943         -webkit-box-sizing: content-box;
 944         -moz-box-sizing: content-box;
 945         box-sizing: content-box;
 946         position: relative;
 947         top: 1px;
 948         background: #ebebeb;
 949         color: #777;
 950         cursor: pointer;
 951         font: 13px/19px "Open Sans", sans-serif;
 952         height: 20px;
 953         margin: 5px 5px 0 0;
 954         padding: 3px 8px 4px;
 955         border: 1px solid #e5e5e5;
 956 }
 957
 958 .wp-switch-editor:focus {
 959         -webkit-box-shadow:
 960                 0 0 0 1px #5b9dd9,
 961                 0 0 2px 1px rgba(30, 140, 190, .8);
 962         box-shadow:
 963                 0 0 0 1px #5b9dd9,
 964                 0 0 2px 1px rgba(30, 140, 190, .8);
 965         outline: none;
 966         color: #222;
 967 }
 968
 969 .wp-switch-editor:active,
 970 .html-active .switch-html:focus,
 971 .tmce-active .switch-tmce:focus {
 972         -webkit-box-shadow: none;
 973         box-shadow: none;
 974 }
 975
 976 .wp-switch-editor:active {
 977         background-color: #f5f5f5;
 978         -webkit-box-shadow: none;
 979         box-shadow: none;
 980 }
 981
 982 .js .tmce-active .wp-editor-area {
 983         color: white;
 984 }
 985
 986 .tmce-active .quicktags-toolbar {
 987          display: none;
 988 }
 989
 990 .tmce-active .switch-tmce,
 991 .html-active .switch-html {
 992         background: #f5f5f5;
 993         color: #555;
 994         border-bottom-color: #f5f5f5;
 995 }
 996
 997 .wp-media-buttons {
 998         float: right;
 999 }
1000
1001 .wp-media-buttons .button {
1002         margin-left: 5px;
1003         margin-bottom: 4px;
1004         padding-right: 7px;
1005         padding-left: 7px;
1006 }
1007
1008 .wp-media-buttons .button:active {
1009         position: relative;
1010         top: 1px;
1011         margin-top: -1px;
1012         margin-bottom: 1px;
1013 }
1014
1015 .wp-media-buttons .insert-media {
1016         padding-right: 5px;
1017 }
1018
1019 .wp-media-buttons a {
1020         text-decoration: none;
1021         color: #464646;
1022         font-size: 12px;
1023 }
1024
1025 .wp-media-buttons img {
1026         padding: 0 4px;
1027         vertical-align: middle;
1028 }
1029
1030 .wp-media-buttons span.wp-media-buttons-icon {
1031         display: inline-block;
1032         width: 18px;
1033         height: 18px;
1034         vertical-align: text-top;
1035         margin: 0 2px;
1036 }
1037
1038 .wp-media-buttons .add_media span.wp-media-buttons-icon {
1039         background: none;
1040 }
1041
1042 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1043         font: normal 18px/1 'dashicons';
1044         speak: none;
1045         -webkit-font-smoothing: antialiased;
1046         -moz-osx-font-smoothing: grayscale;
1047 }
1048
1049 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1050         content: '\f104';
1051 }
1052
1053 /* Quicktags */
1054 .quicktags-toolbar {
1055         padding: 3px;
1056         position: relative;
1057         border-bottom: 1px solid #dedede;
1058         background: #f5f5f5;
1059 }
1060
1061 .has-dfw .quicktags-toolbar {
1062         padding-left: 35px;
1063 }
1064
1065 .wp-core-ui .quicktags-toolbar input.button.button-small {
1066         margin: 2px;
1067 }
1068
1069 .quicktags-toolbar input[value="link"] {
1070         text-decoration: underline;
1071 }
1072
1073 .quicktags-toolbar input[value="del"] {
1074         text-decoration: line-through;
1075 }
1076
1077 .quicktags-toolbar input[value="i"] {
1078         font-style: italic;
1079 }
1080
1081 .quicktags-toolbar input[value="b"] {
1082         font-weight: bold;
1083 }
1084
1085 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1086 .qt-dfw {
1087         position: absolute;
1088         top: 0;
1089         left: 0;
1090         margin: 5px 0 0 5px;
1091 }
1092
1093 .qt-fullscreen {
1094         position: static;
1095         margin: 2px;
1096 }
1097
1098 @media screen and ( max-width: 782px ) {
1099         .mce-toolbar .mce-btn button,
1100         .qt-dfw {
1101                 padding: 6px 7px;
1102         }
1103
1104         #wp-fullscreen-buttons .mce-btn,
1105         .mce-toolbar .mce-btn-group .mce-btn {
1106                 margin: 1px;
1107         }
1108
1109         .qt-dfw {
1110                 width: 36px;
1111                 height: 34px;
1112         }
1113
1114         .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1115                 margin: 4px 0 0 4px;
1116         }
1117
1118         .mce-toolbar .mce-colorbutton .mce-preview {
1119                 right: 8px;
1120                 bottom: 6px;
1121         }
1122
1123         .mce-window .mce-btn {
1124                 padding: 2px 0;
1125         }
1126
1127         .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1128         .has-dfw .quicktags-toolbar {
1129                 padding-left: 40px;
1130         }
1131 }
1132
1133 @media screen and ( min-width: 782px ) {
1134         .wp-core-ui .quicktags-toolbar input.button.button-small {
1135                 /* .button-small is normaly 11px, but a bit too small for these buttons. */
1136                 font-size: 12px;
1137                 height: 26px;
1138                 line-height: 24px;
1139         }
1140 }
1141
1142 #wp_editbtns,
1143 #wp_gallerybtns {
1144         padding: 2px;
1145         position: absolute;
1146         display: none;
1147         z-index: 100020;
1148 }
1149
1150 #wp_editimgbtn,
1151 #wp_delimgbtn,
1152 #wp_editgallery,
1153 #wp_delgallery {
1154         border-color: #999;
1155         background-color: #eee;
1156         margin: 2px;
1157         padding: 2px;
1158         border-width: 1px;
1159         border-style: solid;
1160         -webkit-border-radius: 3px;
1161         border-radius: 3px;
1162 }
1163
1164 #wp_editimgbtn:hover,
1165 #wp_delimgbtn:hover,
1166 #wp_editgallery:hover,
1167 #wp_delgallery:hover {
1168         border-color: #555;
1169         background-color: #ccc;
1170 }
1171
1172 /*------------------------------------------------------------------------------
1173  wp-link
1174 ------------------------------------------------------------------------------*/
1175
1176 #wp-link-wrap {
1177         display: none;
1178         background-color: #fff;
1179         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1180         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1181         width: 500px;
1182         height: 250px;
1183         overflow: hidden;
1184         margin-right: -250px;
1185         margin-top: -125px;
1186         position: fixed;
1187         top: 50%;
1188         right: 50%;
1189         z-index: 100105;
1190         -webkit-transition: height 0.2s, margin-top 0.2s;
1191         transition: height 0.2s, margin-top 0.2s;
1192 }
1193
1194 #wp-link-backdrop {
1195         display: none;
1196         position: fixed;
1197         top: 0;
1198         right: 0;
1199         left: 0;
1200         bottom: 0;
1201         min-height: 360px;
1202         background: #000;
1203         opacity: 0.7;
1204         filter: alpha(opacity=70);
1205         z-index: 100100;
1206 }
1207
1208 #wp-link {
1209         position: relative;
1210         height: 100%;
1211 }
1212
1213 #wp-link-wrap.search-panel-visible {
1214         height: 500px;
1215         margin-top: -250px;
1216 }
1217
1218 #link-modal-title {
1219         background: #fcfcfc;
1220         border-bottom: 1px solid #dfdfdf;
1221         height: 36px;
1222         font-size: 18px;
1223         font-weight: 600;
1224         line-height: 36px;
1225         padding: 0 16px 0 36px;
1226         top: 0;
1227         left: 0;
1228         right: 0;
1229 }
1230
1231 #wp-link-close {
1232         color: #666;
1233         padding: 0;
1234         position: absolute;
1235         top: 0;
1236         left: 0;
1237         width: 36px;
1238         height: 36px;
1239         text-align: center;
1240         background: none;
1241         border: none;
1242         cursor: pointer;
1243 }
1244
1245 #wp-link-close:before {
1246         font: normal 20px/36px 'dashicons';
1247         vertical-align: top;
1248         speak: none;
1249         -webkit-font-smoothing: antialiased;
1250         -moz-osx-font-smoothing: grayscale;
1251         width: 36px;
1252         height: 36px;
1253         content: '\f158';
1254 }
1255
1256 #wp-link-close:hover,
1257 #wp-link-close:focus {
1258         color: #2ea2cc;
1259 }
1260
1261 #wp-link-close:focus {
1262         outline: none;
1263         -webkit-box-shadow:
1264                 0 0 0 1px #5b9dd9,
1265                 0 0 2px 1px rgba(30, 140, 190, .8);
1266         box-shadow:
1267                 0 0 0 1px #5b9dd9,
1268                 0 0 2px 1px rgba(30, 140, 190, .8);
1269 }
1270
1271 #link-selector {
1272         padding: 0 16px 50px;
1273 }
1274
1275 #wp-link-wrap.search-panel-visible #link-selector {
1276         padding: 0 16px;
1277         position: absolute;
1278         top: 36px;
1279         right: 0;
1280         left: 0;
1281         bottom: 44px;
1282 }
1283
1284 #wp-link ol,
1285 #wp-link ul {
1286         list-style: none;
1287         margin: 0;
1288         padding: 0;
1289 }
1290
1291 #wp-link-search-toggle:after {
1292         display: inline-block;
1293         font: normal 20px/1 'dashicons';
1294         vertical-align: top;
1295         speak: none;
1296         -webkit-font-smoothing: antialiased;
1297         -moz-osx-font-smoothing: grayscale;
1298         content: '\f140';
1299 }
1300
1301 .search-panel-visible #wp-link-search-toggle:after {
1302         content: '\f142';
1303 }
1304
1305 #wp-link input[type="text"] {
1306         -webkit-box-sizing: border-box;
1307         -moz-box-sizing: border-box;
1308         box-sizing: border-box;
1309 }
1310
1311 #wp-link #link-options {
1312         padding: 8px 0 12px;
1313 }
1314
1315 #wp-link p.howto {
1316         margin: 3px 0;
1317 }
1318
1319 #wp-link p.howto a {
1320         text-decoration: none;
1321         color: inherit;
1322 }
1323
1324 #wp-link-search-toggle {
1325         cursor: pointer;
1326 }
1327
1328 #wp-link label input[type="text"] {
1329         margin-top: 5px;
1330         width: 70%;
1331 }
1332
1333 #wp-link #link-options label span,
1334 #wp-link #search-panel label span.search-label {
1335         display: inline-block;
1336         width: 80px;
1337         text-align: left;
1338         padding-left: 5px;
1339         max-width: 24%;
1340 }
1341
1342 #wp-link .link-search-field {
1343         float: right;
1344         width: 250px;
1345         max-width: 70%;
1346 }
1347
1348 #wp-link .link-search-wrapper {
1349         margin: 5px 0 9px;
1350         display: block;
1351         overflow: hidden;
1352 }
1353
1354 #wp-link .link-search-wrapper span {
1355         float: right;
1356         margin-top: 4px;
1357 }
1358
1359 #wp-link .link-search-wrapper .spinner {
1360         display: none;
1361         vertical-align: text-bottom;
1362 }
1363
1364 #wp-link .link-target {
1365         padding: 3px 0 0;
1366         white-space: nowrap;
1367         overflow: hidden;
1368         text-overflow: ellipsis;
1369 }
1370
1371 #wp-link .link-target label {
1372         max-width: 70%;
1373 }
1374
1375 #wp-link .query-results {
1376         border: 1px #dfdfdf solid;
1377         margin: 0;
1378         background: #fff;
1379         overflow: auto;
1380         position: absolute;
1381         right: 16px;
1382         left: 16px;
1383         bottom: 16px;
1384         top: 205px;
1385 }
1386
1387 #wp-link li {
1388         clear: both;
1389         margin-bottom: 0;
1390         border-bottom: 1px solid #f1f1f1;
1391         color: #333;
1392         padding: 4px 10px 4px 6px;
1393         cursor: pointer;
1394         position: relative;
1395 }
1396
1397 #wp-link .query-notice {
1398         padding: 0;
1399         border-bottom: 1px solid #dfdfdf;
1400         background-color: #f7fcfe;
1401         color: #000;
1402 }
1403
1404 #wp-link .query-notice .query-notice-default,
1405 #wp-link .query-notice .query-notice-hint {
1406         display: block;
1407         padding: 6px;
1408         border-right: 4px solid #2ea2cc;
1409 }
1410
1411 #wp-link .unselectable.no-matches-found {
1412         padding: 0;
1413         border-bottom: 1px solid #dfdfdf;
1414         background-color: #fef7f1;
1415 }
1416
1417 #wp-link .no-matches-found .item-title {
1418         display: block;
1419         padding: 6px;
1420         border-right: 4px solid #d54e21;
1421 }
1422
1423 #wp-link .query-results em {
1424         font-style: normal;
1425 }
1426
1427 #wp-link li:hover {
1428         background: #eaf2fa;
1429         color: #151515;
1430 }
1431
1432 #wp-link li.unselectable {
1433         border-bottom: 1px solid #dfdfdf;
1434 }
1435
1436 #wp-link li.unselectable:hover {
1437         background: #fff;
1438         cursor: auto;
1439         color: #333;
1440 }
1441
1442 #wp-link li.selected {
1443         background: #ddd;
1444         color: #333;
1445 }
1446
1447 #wp-link li.selected .item-title {
1448         font-weight: bold;
1449 }
1450
1451 #wp-link li:last-child {
1452         border: none;
1453 }
1454
1455 #wp-link .item-title {
1456         display: inline-block;
1457         width: 80%;
1458         width: -webkit-calc(100% - 68px);
1459         width: calc(100% - 68px);
1460 }
1461
1462 #wp-link .item-info {
1463         text-transform: uppercase;
1464         color: #666;
1465         font-size: 11px;
1466         position: absolute;
1467         left: 5px;
1468         top: 5px;
1469 }
1470
1471 #wp-link #search-results,
1472 #wp-link #search-panel {
1473         display: none;
1474 }
1475
1476 #wp-link-wrap.search-panel-visible #search-panel {
1477         display: block;
1478 }
1479
1480 #wp-link .river-waiting {
1481         display: none;
1482         padding: 10px 0;
1483 }
1484
1485 #wp-link .river-waiting .spinner {
1486         margin: 0 auto;
1487         display: block;
1488         float: none;
1489 }
1490
1491 #wp-link .submitbox {
1492         padding: 8px 16px;
1493         background: #fcfcfc;
1494         border-top: 1px solid #dfdfdf;
1495         position: absolute;
1496         bottom: 0;
1497         right: 0;
1498         left: 0;
1499 }
1500
1501 #wp-link-cancel {
1502         line-height: 25px;
1503         float: right;
1504 }
1505
1506 #wp-link-update {
1507         line-height: 23px;
1508         float: left;
1509 }
1510
1511 #wp-link-submit {
1512         float: left;
1513         margin-bottom: 0;
1514 }
1515
1516 @media screen and ( max-width: 782px ) {
1517         #wp-link-wrap {
1518                 height: 280px;
1519                 margin-top: -140px;
1520         }
1521
1522         #wp-link-wrap.search-panel-visible .query-results {
1523                 top: 235px;
1524         }
1525
1526         #link-selector {
1527                 padding: 0 16px 60px;
1528         }
1529
1530         #wp-link-wrap.search-panel-visible #link-selector {
1531                 bottom: 52px;
1532         }
1533
1534         #wp-link-cancel {
1535                 line-height: 32px;
1536         }
1537 }
1538
1539 @media screen and ( max-width: 520px ) {
1540         #wp-link-wrap {
1541                 width: auto;
1542                 margin-right: 0;
1543                 right: 10px;
1544                 left: 10px;
1545                 max-width: 500px;
1546         }
1547 }
1548
1549 @media screen and ( max-height: 520px ) {
1550         #wp-link-wrap {
1551                 -webkit-transition: none;
1552                 transition: none;
1553         }
1554
1555         #wp-link-wrap.search-panel-visible {
1556                 height: auto;
1557                 margin-top: 0;
1558                 top: 10px;
1559                 bottom: 10px;
1560         }
1561
1562         .search-panel-visible #link-selector {
1563                 overflow: auto;
1564         }
1565
1566         .search-panel-visible #search-panel .query-results {
1567                 position: static;
1568         }
1569 }
1570
1571 @media screen and ( max-height: 290px ) {
1572         #wp-link-wrap {
1573                 height: auto;
1574                 margin-top: 0;
1575                 top: 10px;
1576                 bottom: 10px;
1577         }
1578
1579         #link-selector {
1580                 overflow: auto;
1581                 height: -webkit-calc(100% - 92px);
1582                 height: calc(100% - 92px);
1583                 padding-bottom: 2px;
1584         }
1585
1586         #search-panel .query-results {
1587                 position: static;
1588         }
1589 }
1590
1591 /* Old TinyMCE 3.x modal */
1592 /*
1593 .clearlooks2 .mceTop {
1594         border-bottom: 1px solid #ccc;
1595 }
1596
1597 .clearlooks2 .mceTop span {
1598         font: 13px/24px "Open Sans", sans-serif;
1599         color: #e5e5e5;
1600 }
1601
1602 .clearlooks2 .mceTop .mceLeft {
1603         background: #444444;
1604         border-color: transparent;
1605 }
1606
1607 .clearlooks2 .mceTop .mceRight {
1608         background: #444444;
1609         border-color: transparent;
1610 }
1611
1612 .clearlooks2 .mceMiddle {
1613         clip: rect(24px auto auto auto);
1614 }
1615
1616 .clearlooks2 .mceMiddle .mceLeft {
1617         background: #f1f1f1;
1618         border-color: transparent;
1619 }
1620
1621 .clearlooks2 .mceMiddle .mceRight {
1622         background: #f1f1f1;
1623         border-color: transparent;
1624 }
1625
1626 .clearlooks2 .mceBottom {
1627         background: #f1f1f1;
1628         border-color: transparent;
1629 }
1630
1631 .clearlooks2 .mceBottom .mceLeft {
1632         background: #f1f1f1;
1633         border-color: transparent;
1634 }
1635
1636 .clearlooks2 .mceBottom .mceCenter {
1637         background: #f1f1f1;
1638         border-color: transparent;
1639 }
1640
1641 .clearlooks2 .mceBottom .mceRight {
1642         background: #f1f1f1;
1643         border-color: transparent;
1644 }
1645
1646 .clearlooks2 .mceClose,
1647 .clearlooks2 .mceFocus .mceClose,
1648 .clearlooks2 .mceFocus .mceClose:hover {
1649         background-image: none;
1650 }
1651 .clearlooks2 .mceClose:before {
1652         content: '\f158';
1653         font: normal 20px/1 'dashicons';
1654         speak: none;
1655         -webkit-font-smoothing: antialiased;
1656         -moz-osx-font-smoothing: grayscale;
1657         color: #999;
1658         padding-left: 12px;
1659 }
1660
1661 /* from colors.css
1662 .clearlooks2 {
1663         box-shadow: 0 5px 15px rgba(0,0,0,0.7);
1664 }
1665
1666 .clearlooks2 .mceMiddle span,
1667 .clearlooks2 .mceMiddle .mceLeft,
1668 .clearlooks2 .mceMiddle .mceRight,
1669 .clearlooks2 .mceBottom,
1670 .clearlooks2 .mceBottom .mceLeft,
1671 .clearlooks2 .mceBottom .mceCenter,
1672 .clearlooks2 .mceBottom .mceRight {
1673         background-color: #fcfcfc;
1674 }
1675
1676 .clearlooks2 .mceTop span,
1677 .clearlooks2 .mceFocus .mceTop span {
1678         color: #222;
1679 }
1680
1681 .clearlooks2 .mceClose:before {
1682         color: #999;
1683 }
1684
1685 .clearlooks2 .mceClose:hover:before {
1686         color: #2ea2cc;
1687 }
1688 */
1689 /* Distraction-Free Writing mode
1690  * =Overlay Styles
1691 -------------------------------------------------------------- */
1692 .fullscreen-overlay {
1693         z-index: 100005;
1694         display: none;
1695         position: fixed;
1696         top: 0;
1697         bottom: 0;
1698         right: 0;
1699         left: 0;
1700         -webkit-filter: inherit;
1701         filter: inherit;
1702 }
1703
1704 .wp-fullscreen-active .fullscreen-overlay,
1705 .wp-fullscreen-active #wp-fullscreen-body {
1706         display: block;
1707 }
1708
1709 .fullscreen-fader {
1710         z-index: 200000;
1711 }
1712
1713 .wp-fullscreen-active .fullscreen-fader,
1714 .wp-core-ui.wp-fullscreen-active .postbox-container {
1715         display: none;
1716 }
1717
1718 /* =Overlay Body
1719 -------------------------------------------------------------- */
1720
1721 #wp-fullscreen-body,
1722 .mce-fullscreen {
1723         z-index: 100010;
1724 }
1725
1726 #wp-fullscreen-body {
1727         display: none;
1728 }
1729
1730 .wp-fullscreen-wrap {
1731         margin: 0;
1732         padding: 0;
1733         position: absolute;
1734         right: 0;
1735         left: 0;
1736         bottom: 30px;
1737         top: 60px;
1738         z-index: 100015;
1739 }
1740
1741 .wp-fullscreen-wrap .wp-editor-container,
1742 .wp-fullscreen-title,
1743 #wp-fullscreen-central-toolbar {
1744         -webkit-box-sizing: border-box;
1745         -moz-box-sizing: border-box;
1746         box-sizing: border-box;
1747         max-width: 100%;
1748 }
1749
1750 .wp-fullscreen-active .wp-editor-tools,
1751 .wp-fullscreen-active .quicktags-toolbar,
1752 .wp-fullscreen-active .mce-toolbar-grp,
1753 .wp-fullscreen-active .mce-statusbar {
1754         display: none;
1755 }
1756
1757 #wp-fullscreen-statusbar {
1758         position: fixed;
1759         right: 0;
1760         left: 0;
1761         bottom: 0;
1762         height: 30px;
1763         z-index: 100020;
1764         background: #fff;
1765         -webkit-transition: height 0.2s;
1766         transition: height 0.2s;
1767 }
1768
1769 #wp-fullscreen-status {
1770         margin: 0 auto;
1771         padding: 0;
1772 }
1773
1774 .wp-fullscreen-active .wp-fullscreen-title,
1775 .wp-fullscreen-active .wp-fullscreen-title:focus,
1776 .wp-fullscreen-active .wp-editor-container {
1777         -webkit-border-radius: 0;
1778         border-radius: 0;
1779         border: 1px dashed transparent;
1780         background: transparent;
1781         -webkit-box-shadow: none;
1782         box-shadow: none;
1783         -webkit-transition: border-color 0.4s;
1784         transition: border-color 0.4s;
1785 }
1786
1787 .wp-fullscreen-active .wp-editor-container {
1788         margin: 0 auto 40px;
1789 }
1790
1791 .wp-fullscreen-active .wp-fullscreen-title {
1792         font-size: 1.7em;
1793         line-height: 100%;
1794         outline: medium none;
1795         padding: 3px 7px;
1796         margin: 10px auto 30px;
1797         display: block;
1798 }
1799
1800 #wp-fullscreen-tagline {
1801         color: #888;
1802         font-size: 18px;
1803         float: left;
1804         padding: 4px 0 0;
1805 }
1806
1807 /* =Top bar
1808 -------------------------------------------------------------- */
1809 #fullscreen-topbar {
1810         background: #f5f5f5;
1811         border-bottom: 1px solid #dedede;
1812         height: 45px;
1813         position: fixed;
1814         right: 0;
1815         left: 0;
1816         top: 0;
1817         width: 100%;
1818         z-index: 100020;
1819         -webkit-transition: opacity 0.4s;
1820         transition: opacity 0.4s;
1821 }
1822
1823 #wp-fullscreen-toolbar {
1824         padding: 6px 10px 0;
1825         clear: both;
1826         max-width: 1100px;
1827         margin: 0 auto;
1828 }
1829
1830 #wp-fullscreen-mode-bar,
1831 #wp-fullscreen-button-bar,
1832 #wp-fullscreen-close {
1833         float: right;
1834 }
1835
1836 #wp-fullscreen-count,
1837 #wp-fullscreen-tagline {
1838         display: inline-block;
1839 }
1840
1841 #wp-fullscreen-button-bar {
1842         margin-top: 2px;
1843 }
1844
1845 #wp-fullscreen-save {
1846         float: left;
1847         padding: 2px 0 0;
1848         min-width: 95px;
1849 }
1850
1851 #wp-fullscreen-count,
1852 #wp-fullscreen-close {
1853         padding: 5px 0 0;
1854 }
1855
1856 #wp-fullscreen-central-toolbar {
1857         margin: auto;
1858         padding: 0;
1859         min-width: 620px;
1860 }
1861
1862 #wp-fullscreen-buttons > div {
1863         float: right;
1864 }
1865
1866 #wp-fullscreen-mode-bar {
1867         padding: 3px 0 0 14px;
1868 }
1869
1870 #wp-fullscreen-buttons .hidden {
1871         display: none;
1872 }
1873
1874 #wp-fullscreen-buttons .disabled {
1875         opacity: 0.5;
1876 }
1877
1878 #wp-fullscreen-buttons .mce-btn button {
1879     margin: 0;
1880     outline: 0 none;
1881     border: 0 none;
1882     white-space: nowrap;
1883     width: auto;
1884     background: none;
1885         color: #333333;
1886     cursor: pointer;
1887     font-size: 18px;
1888     line-height: 20px;
1889     overflow: visible;
1890     text-align: center;
1891     -webkit-box-sizing: border-box;
1892     -moz-box-sizing: border-box;
1893     box-sizing: border-box;
1894 }
1895
1896 .wp-html-mode #wp-fullscreen-buttons div {
1897         display: none;
1898 }
1899
1900 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
1901         display: block;
1902 }
1903
1904 #wp-fullscreen-save img {
1905         vertical-align: middle;
1906 }
1907
1908 #wp-fullscreen-save span {
1909         display: none;
1910         margin: 5px 6px 0;
1911         float: right;
1912 }
1913
1914 /* =Thickbox Adjustments
1915 -------------------------------------------------------------- */
1916 .wp-fullscreen-active #TB_overlay {
1917         z-index: 100050;
1918 }
1919
1920 .wp-fullscreen-active #TB_window {
1921         z-index: 100051;
1922 }
1923
1924 /* Colors */
1925 .fullscreen-overlay {
1926         background: #fff;
1927 }
1928
1929 /* =CSS 3 transitions
1930 -------------------------------------------------------------- */
1931
1932 .wp-fullscreen-active #fullscreen-topbar {
1933         -webkit-transition-duration: 0.8s;
1934         transition-duration: 0.8s;
1935         opacity: 0;
1936         filter: alpha(opacity=0);
1937 }
1938
1939 .wp-fullscreen-active #wp-fullscreen-statusbar {
1940         height: 0;
1941 }
1942
1943 .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
1944         -webkit-transition-duration: 0.4s;
1945         transition-duration: 0.4s;
1946         opacity: 1;
1947         filter: alpha(opacity=100);
1948 }
1949
1950 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
1951         height: 29px;
1952         background: #f8f8f8;
1953         border-top: 1px solid #eee;
1954 }
1955
1956 .wp-fullscreen-active .wp-fullscreen-title,
1957 .wp-fullscreen-active .wp-editor-container {
1958         -webkit-transition-duration: 0.8s;
1959         transition-duration: 0.8s;
1960         border-color: transparent;
1961 }
1962
1963 .wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
1964 .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
1965         -webkit-transition-duration: 0.4s;
1966         transition-duration: 0.4s;
1967         border-color: #ccc;
1968 }
1969
1970 .fade-1000,
1971 .fade-600,
1972 .fade-400,
1973 .fade-300 {
1974         opacity: 0;
1975         -webkit-transition-property: opacity;
1976         transition-property: opacity;
1977 }
1978
1979 .fade-1000 {
1980         -webkit-transition-duration: 1s;
1981         transition-duration: 1s;
1982 }
1983
1984 .fade-600 {
1985         -webkit-transition-duration: 0.6s;
1986         transition-duration: 0.6s;
1987 }
1988
1989 .fade-400 {
1990         -webkit-transition-duration: 0.4s;
1991         transition-duration: 0.4s;
1992 }
1993
1994 .fade-300 {
1995         -webkit-transition-duration: 0.3s;
1996         transition-duration: 0.3s;
1997 }
1998
1999 .fade-trigger {
2000         opacity: 1;
2001 }
2002
2003 /* DFW on touch screen devices */
2004 .wp-dfw-touch #fullscreen-topbar {
2005         position: absolute;
2006         opacity: 1;
2007 }
2008
2009 .wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
2010 .wp-dfw-touch .wp-fullscreen-title {
2011         max-width: 700px;
2012 }
2013
2014 .wp-fullscreen-active.wp-dfw-touch  .wp-fullscreen-title,
2015 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
2016         border-color: #ccc;
2017 }
2018
2019 .wp-dfw-touch #wp-fullscreen-statusbar {
2020         height: 30px;
2021 }
2022
2023 @media screen and ( max-width: 782px ) {
2024         #wp-fullscreen-close,
2025         #wp-fullscreen-central-toolbar,
2026         #wp-fullscreen-mode-bar,
2027         #wp-fullscreen-button-bar,
2028         #wp-fullscreen-save {
2029                 display: inline-block;
2030         }
2031
2032         #fullscreen-topbar {
2033                 height: 85px;
2034         }
2035
2036         #wp-fullscreen-central-toolbar {
2037                 width: auto !important;
2038                 min-width: 0;
2039         }
2040
2041         #wp-fullscreen-close {
2042                 line-height: 30px;
2043                 vertical-align: top;
2044                 padding: 0 12px;
2045         }
2046
2047         #wp-fullscreen-button-bar {
2048                 position: absolute;
2049                 top: 45px;
2050                 right: 0;
2051         }
2052
2053         .wp-fullscreen-wrap {
2054                 top: 95px;
2055         }
2056
2057         #wp-fullscreen-save {
2058                 position: absolute;
2059                 left: 10px;
2060         }
2061 }
2062
2063 @media screen and ( max-width: 480px ) {
2064         #wp_fs_help {
2065                 display: none;
2066         }
2067
2068         .wp-fullscreen-wrap .wp-editor-container,
2069         .wp-fullscreen-title {
2070                 width: 480px !important;
2071         }
2072
2073         body.wp-fullscreen-active {
2074                 width: 480px;
2075                 overflow: auto;
2076         }
2077
2078         #fullscreen-topbar,
2079         .wp-fullscreen-wrap {
2080                 width: 480px;
2081         }
2082
2083         #fullscreen-topbar {
2084                 position: absolute;
2085         }
2086
2087         #wp-fullscreen-status {
2088                 width: auto !important;
2089                 max-width: 100%;
2090                 padding: 0 10px;
2091         }
2092 }
2093
2094 /* =Localization
2095 -------------------------------------------------------------- */
2096 .rtl .wp-switch-editor,
2097 .rtl .quicktags-toolbar input {
2098         font-family: Tahoma, sans-serif;
2099 }
2100
2101 /* @noflip */
2102 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
2103         direction: rtl;
2104 }
2105
2106 /* @noflip */
2107 .mce-rtl .mce-listbox i.mce-caret {
2108         left: 6px;
2109 }
2110
2111 html:lang(he-il) .rtl .wp-switch-editor,
2112 html:lang(he-il) .rtl .quicktags-toolbar input  {
2113         font-family: Arial, sans-serif;
2114 }
2115
2116 /* HiDPI */
2117 @media print,
2118   (-o-min-device-pixel-ratio: 5/4),
2119   (-webkit-min-device-pixel-ratio: 1.25),
2120   (min-resolution: 120dpi) {
2121         .wp-media-buttons .add_media span.wp-media-buttons-icon,
2122         #wp-fullscreen-buttons #wp_fs_image span.mce_image {
2123                 background: none;
2124         }
2125 }