wp-admin/css/press-this-rtl.css

   1 /*
   2 Press This styles :)
   3 */
   4
   5
   6 /**
   7 * Normalize
   8 *
   9 * normalize.css v3.0.0 | MIT License | git.io/normalize
  10 */
  11 html {
  12         font-family: sans-serif;
  13         -ms-text-size-adjust: 100%;
  14         -webkit-text-size-adjust: 100%;
  15 }
  16
  17 body {
  18         margin: 0;
  19 }
  20
  21 *,
  22 *:before,
  23 *:after {
  24         -webkit-box-sizing: border-box;
  25         -moz-box-sizing: border-box;
  26         box-sizing: border-box;
  27 }
  28 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  29         *,
  30         *:before,
  31         *:after {
  32                 -webkit-font-smoothing: antialiased;
  33         }
  34 }
  35
  36 article,
  37 aside,
  38 details,
  39 figcaption,
  40 figure,
  41 footer,
  42 header,
  43 hgroup,
  44 main,
  45 nav,
  46 section,
  47 summary {
  48         display: block;
  49 }
  50
  51 audio,
  52 canvas,
  53 progress,
  54 video {
  55         display: inline-block;
  56         vertical-align: baseline;
  57 }
  58
  59 audio:not([controls]) {
  60         display: none;
  61         height: 0;
  62 }
  63
  64 [hidden],
  65 template {
  66         display: none;
  67 }
  68
  69 a {
  70         background: transparent;
  71 }
  72
  73 a:active,
  74 a:hover {
  75         outline: 0;
  76 }
  77
  78 abbr[title] {
  79         border-bottom: 1px dotted;
  80 }
  81
  82 b,
  83 strong {
  84         font-weight: bold;
  85 }
  86
  87 dfn {
  88         font-style: italic;
  89 }
  90
  91 h1 {
  92         font-size: 2em;
  93         margin: 0.67em 0;
  94 }
  95
  96 mark {
  97         background: #ff0;
  98         color: #000;
  99 }
 100
 101 small {
 102         font-size: 80%;
 103 }
 104
 105 sub,
 106 sup {
 107         font-size: 75%;
 108         line-height: 0;
 109         position: relative;
 110         vertical-align: baseline;
 111 }
 112
 113 sup {
 114         top: -0.5em;
 115 }
 116
 117 sub {
 118         bottom: -0.25em;
 119 }
 120
 121 img {
 122         border: 0;
 123 }
 124
 125 svg:not(:root) {
 126         overflow: hidden;
 127 }
 128
 129 figure {
 130         margin: 1em 40px;
 131 }
 132
 133 hr {
 134         -webkit-box-sizing: content-box;
 135         -moz-box-sizing: content-box;
 136         box-sizing: content-box;
 137         height: 0;
 138 }
 139
 140 pre {
 141         overflow: auto;
 142 }
 143
 144 code,
 145 kbd,
 146 pre,
 147 samp {
 148         font-family: monospace, monospace;
 149         font-size: 1em;
 150 }
 151
 152 button,
 153 input,
 154 optgroup,
 155 select,
 156 textarea {
 157         color: inherit;
 158         font: inherit;
 159         margin: 0;
 160 }
 161
 162 button {
 163         overflow: visible;
 164 }
 165
 166 button,
 167 select {
 168         text-transform: none;
 169 }
 170
 171 button,
 172 html input[type="button"],
 173 input[type="reset"],
 174 input[type="submit"] {
 175         -webkit-appearance: button;
 176         cursor: pointer;
 177 }
 178
 179 button[disabled],
 180 html input[disabled] {
 181         cursor: default;
 182 }
 183
 184 button::-moz-focus-inner,
 185 input::-moz-focus-inner {
 186         border: 0;
 187         padding: 0;
 188 }
 189
 190 input {
 191         line-height: normal;
 192 }
 193
 194 input[type="checkbox"],
 195 input[type="radio"] {
 196         -webkit-box-sizing: border-box;
 197         -moz-box-sizing: border-box;
 198         box-sizing: border-box;
 199         padding: 0;
 200 }
 201
 202 input[type="number"]::-webkit-inner-spin-button,
 203 input[type="number"]::-webkit-outer-spin-button {
 204         height: auto;
 205 }
 206
 207 input[type="search"] {
 208         -webkit-appearance: textfield;
 209         -webkit-box-sizing: content-box;
 210         -moz-box-sizing: content-box;
 211         box-sizing: content-box;
 212 }
 213
 214 input[type="search"]::-webkit-search-cancel-button,
 215 input[type="search"]::-webkit-search-decoration {
 216         -webkit-appearance: none;
 217 }
 218
 219 fieldset {
 220         border: 0;
 221         margin: 0;
 222         padding: 0;
 223 }
 224
 225 legend {
 226         border: 0;
 227         padding: 0;
 228 }
 229
 230 textarea {
 231         overflow: auto;
 232 }
 233
 234 optgroup {
 235         font-weight: bold;
 236 }
 237
 238 table {
 239         border-collapse: collapse;
 240         border-spacing: 0;
 241 }
 242
 243 td,
 244 th {
 245         padding: 0;
 246 }
 247
 248 .clearfix:before,
 249 .clearfix:after {
 250         content: "";
 251         display: table;
 252 }
 253 .clearfix:after {
 254         clear: both;
 255 }
 256
 257 .hide-if-js {
 258         display: none;
 259 }
 260
 261 .screen-reader-text {
 262         position: absolute;
 263         margin: -1px;
 264         padding: 0;
 265         height: 1px;
 266         width: 1px;
 267         overflow: hidden;
 268         clip: rect(0 0 0 0);
 269         border: 0;
 270 }
 271
 272
 273 /**
 274 * Typography
 275 *
 276 * Base element typographic styles.
 277 */
 278 body,
 279 button,
 280 input,
 281 select,
 282 textarea {
 283         color: #404040;
 284         font-family: "Open Sans", Helvetica, Arial, sans-serif;
 285         font-size: 20px;
 286         font-weight: 400;
 287         line-height: 1.6;
 288 }
 289
 290 h1,
 291 h2,
 292 h3,
 293 h4,
 294 h5,
 295 h6 {
 296         clear: both;
 297 }
 298
 299 p {
 300         margin-bottom: 1.5em;
 301 }
 302
 303 b,
 304 strong {
 305         font-weight: 700;
 306 }
 307
 308
 309 /**
 310 * Buttons
 311 *
 312 * Pushing buttons is what I do.
 313 */
 314
 315 .scan-submit {
 316         display: inline-block;
 317         margin: 0;
 318         padding: 0 10px 1px;
 319         border-width: 1px;
 320         border-style: solid;
 321         -webkit-border-radius: 3px;
 322         border-radius: 3px;
 323         font-size: 13px;
 324         line-height: 2;
 325         text-decoration: none;
 326         white-space: nowrap;
 327         cursor: pointer;
 328         -webkit-appearance: none;
 329 }
 330
 331 .split-button {
 332         position: relative;
 333         display: inline-block;
 334         vertical-align: middle;
 335 }
 336
 337 .split-button-body {
 338         display: none;
 339         position: absolute;
 340         bottom: 39px;
 341         left: 0;
 342         border: 1px solid #ddd;
 343         background-color: #fff;
 344         min-width: 180px;
 345         max-width: 100%;
 346         margin: 0;
 347         padding: 8px;
 348         list-style: none;
 349         -webkit-box-shadow: -1px 0 4px rgba( 0, 0, 0, 0.15 );
 350         box-shadow: -1px 0 4px rgba( 0, 0, 0, 0.15 );
 351 }
 352
 353 .split-button-body:before,
 354 .split-button-body:after {
 355         position: absolute;
 356         left: 12px;
 357         display: block;
 358         width: 0;
 359         height: 0;
 360         border-style: solid;
 361         border-color: transparent;
 362         content: "";
 363 }
 364
 365 .split-button-body:before {
 366         bottom: -18px;
 367         border-top-color: #ccc;
 368         border-width: 9px;
 369         left: 11px;
 370 }
 371
 372 .split-button-body:after {
 373         bottom: -16px;
 374         border-top-color: #fff;
 375         border-width: 8px;
 376 }
 377
 378 .split-button-body .split-button-option {
 379         display: block;
 380         padding: 5px 15px;
 381         margin: 0;
 382         width: 100%;
 383         text-align: right;
 384         line-height: 2;
 385 }
 386
 387 .is-open .split-button-body {
 388         display: block;
 389 }
 390
 391 .split-button-primary,
 392 .split-button-toggle {
 393         -webkit-border-radius: 0;
 394         border-radius: 0;
 395         display: block;
 396         margin: 0;
 397         font-size: 13px;
 398         text-decoration: none;
 399         white-space: nowrap;
 400         cursor: pointer;
 401         -webkit-appearance: none;
 402         line-height: 2;
 403         padding: 0 10px 1px;
 404         background: #0085ba;
 405         border-color: #0073aa #006799 #006799;
 406         border-width: 1px;
 407         border-style: solid;
 408         -webkit-box-shadow: 0 1px 0 #006799;
 409         box-shadow: 0 1px 0 #006799;
 410         color: #fff;
 411         text-shadow: 0 -1px 1px #006799,
 412                 -1px 0 1px #006799,
 413                 0 1px 1px #006799,
 414                 1px 0 1px #006799;
 415 }
 416
 417 .split-button-primary {
 418         -webkit-border-top-right-radius: 3px;
 419         border-top-right-radius: 3px;
 420         -webkit-border-bottom-right-radius: 3px;
 421         border-bottom-right-radius: 3px;
 422         border-left: 0 none;
 423         float: right;
 424 }
 425
 426 .split-button-toggle {
 427         padding: 0;
 428         -webkit-border-top-left-radius: 3px;
 429         border-top-left-radius: 3px;
 430         -webkit-border-bottom-left-radius: 3px;
 431         border-bottom-left-radius: 3px;
 432         border-right: 1px solid #006799;
 433         float: left;
 434 }
 435
 436 .split-button-toggle i {
 437         margin: 4px 0 3px 20px;
 438         padding: 0 10px;
 439 }
 440
 441 .split-button-primary:hover,
 442 .split-button-toggle:hover {
 443         outline: none;
 444         background: #008ec2;
 445         border-color: #006799;
 446 }
 447
 448 .split-button-primary:focus,
 449 .split-button-toggle:focus {
 450         outline: none;
 451         -webkit-box-shadow: 0 1px 0 #0073aa,
 452                 0 0 2px 1px #33b3db;
 453         box-shadow: 0 1px 0 #0073aa,
 454                 0 0 2px 1px #33b3db;
 455 }
 456
 457 .split-button-primary:active,
 458 .split-button-toggle:active {
 459         background: #0073aa;
 460         border-color: #006799;
 461         -webkit-box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
 462         box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
 463 }
 464
 465 /**
 466 * Forms
 467 *
 468 * So many input types.
 469 */
 470 button,
 471 input,
 472 select,
 473 textarea {
 474         font-size: 100%;
 475         margin: 0;
 476         vertical-align: baseline;
 477         *vertical-align: middle;
 478 }
 479
 480 [type="checkbox"],
 481 [type="radio"] {
 482         padding: 0;
 483 }
 484
 485 [type="search"] {
 486         -webkit-appearance: textfield;
 487         -webkit-box-sizing: content-box;
 488         -moz-box-sizing: content-box;
 489         box-sizing: content-box;
 490 }
 491
 492 [type="search"]::-webkit-search-decoration {
 493         -webkit-appearance: none;
 494 }
 495
 496 button::-moz-focus-inner,
 497 input::-moz-focus-inner {
 498         border: 0;
 499         padding: 0;
 500 }
 501
 502 [type="text"],
 503 [type="email"],
 504 [type="url"],
 505 [type="password"],
 506 [type="search"],
 507 textarea {
 508         padding: 0.4em 0.75em;
 509         color: #32373c;
 510         border: 1px solid #ccc;
 511 }
 512
 513 [type="text"]:focus,
 514 [type="email"]:focus,
 515 [type="url"]:focus,
 516 [type="password"]:focus,
 517 [type="search"]:focus,
 518 textarea:focus {
 519         color: #32373c;
 520         outline: 0;
 521 }
 522
 523 textarea {
 524         overflow: auto;
 525         padding-right: 3px;
 526         vertical-align: top;
 527 }
 528
 529
 530 /**
 531 * Links
 532 */
 533 a {
 534         color: #0073aa;
 535 }
 536
 537 a:visited {
 538         color: #0073aa;
 539 }
 540
 541 a:hover,
 542 a:focus,
 543 a:active {
 544         color: #00a0d2;
 545 }
 546
 547
 548 /**
 549 * Lists
 550 */
 551 ul,
 552 ol {
 553         margin: 0 3em 1.5em 0;
 554 }
 555
 556 ul {
 557         list-style: disc;
 558 }
 559
 560 ol {
 561         list-style: decimal;
 562 }
 563
 564 li > ul,
 565 li > ol {
 566         margin-bottom: 0;
 567         margin-right: 1.5em;
 568 }
 569
 570 dt {
 571         font-weight: 700;
 572 }
 573
 574 dd {
 575         margin: 0 1.5em 1.5em;
 576 }
 577
 578
 579 /**
 580 * Post formats
 581 *
 582 * Complete styles for post formats UI
 583 */
 584 /* TODO if we remove the <br> during merge, this can go. */
 585 #post-formats-select br {
 586         display: none;
 587 }
 588
 589 .post-format {
 590         width: 1px;
 591         height: 1px;
 592         position: absolute;
 593         top: -9999px;
 594 }
 595
 596 .lt-ie9 .post-format {
 597         margin: 17px 13px 0 12px;
 598         width: auto;
 599         height: auto;
 600         position: static;
 601         top: auto;
 602         float: right;
 603         width: 16px;
 604         height: 16px;
 605 }
 606
 607 .post-format-icon {
 608         position: relative;
 609         display: block;
 610         padding: 13px 13px 14px 2px;
 611         cursor: pointer;
 612 }
 613
 614 .post-format-icon:before,
 615 .post-format-icon:after {
 616         content: "";
 617         display: inline-block;
 618         width: 20px;
 619         height: 20px;
 620         margin-left: 10px;
 621         font-size: 20px;
 622         line-height: 1;
 623         font-family: dashicons;
 624         text-decoration: inherit;
 625         color: #9ea7af;
 626         font-weight: 400;
 627         font-style: normal;
 628         vertical-align: top;
 629         text-align: center;
 630         -webkit-transition: color .1s ease-in 0;
 631         transition: color .1s ease-in 0;
 632         -webkit-font-smoothing: antialiased;
 633         -moz-osx-font-smoothing: grayscale;
 634 }
 635
 636 .post-format-icon:before {
 637         content: "\f109";
 638 }
 639
 640 .post-format-icon:after {
 641         display: none;
 642         content: "\f147";
 643         float: left;
 644 }
 645
 646 .post-format:checked + .post-format-icon {
 647         -webkit-box-shadow: inset -6px 0 0 #00a0d2;
 648         box-shadow: inset -6px 0 0 #00a0d2;
 649         background: rgba(46, 162, 204, 0.1);
 650 }
 651
 652 .post-format:checked + .post-format-icon:before,
 653 .post-format:checked + .post-format-icon:after {
 654         color: #32373c;
 655 }
 656
 657 .post-format:focus + .post-format-icon {
 658         background: #00a0d2;
 659         color: #fff;
 660 }
 661
 662 .post-format:focus + .post-format-icon:before,
 663 .post-format:focus + .post-format-icon:after {
 664         color: #fff;
 665 }
 666
 667 .post-format:checked + .post-format-icon:after {
 668         display: block;
 669 }
 670
 671 .lt-ie9 .post-format-icon {
 672         margin-right: 16px;
 673 }
 674
 675 .post-format-aside:before {
 676         content: "\f123";
 677 }
 678
 679 .post-format-image:before {
 680         content: "\f128";
 681 }
 682
 683 .post-format-video:before {
 684         content: "\f126";
 685 }
 686
 687 .post-format-audio:before {
 688         content: "\f127";
 689 }
 690
 691 .post-format-quote:before {
 692         content: "\f122";
 693 }
 694
 695 .post-format-link:before {
 696         content: "\f103";
 697 }
 698
 699 .post-format-gallery:before {
 700         content: "\f161";
 701 }
 702
 703
 704 /**
 705 * Tags
 706 *
 707 * Complete styles for tags UI
 708 */
 709 .tagsdiv p {
 710         margin: 0;
 711 }
 712
 713 .tagsdiv .ajaxtag {
 714         position: relative;
 715 }
 716
 717 .tagsdiv .newtag {
 718         display: block;
 719         position: relative;
 720         padding: 11px 16px 11px 58px;
 721         width: 100%;
 722         border: 0;
 723         border-bottom: 1px solid #e5e5e5;
 724         font-size: 16px;
 725 }
 726
 727 .tagsdiv .tagadd {
 728         position: absolute;
 729         top: 0;
 730         left: 0;
 731         bottom: 1px;
 732         border: 0;
 733         -webkit-border-radius: 0;
 734         border-radius: 0;
 735         margin: 0;
 736         padding: 0 16px;
 737         background: #f7f7f7;
 738         border-right: 1px solid #f1f1f1;
 739         -webkit-box-shadow: none;
 740         box-shadow: none;
 741 }
 742
 743 .tagsdiv .tagadd:hover,
 744 .tagsdiv .tagadd:active,
 745 .tagsdiv .tagadd:focus {
 746         outline: 0;
 747         background: #2991b7;
 748         border-color: #20708e;
 749         color: #fff;
 750         -webkit-box-shadow: none;
 751         box-shadow: none;
 752 }
 753
 754 .tagsdiv .howto {
 755         color: #727272;
 756         font-style: italic;
 757         margin: 10px 16px 6px 0;
 758 }
 759
 760
 761 /* Tag hint TODO needed? */
 762 /* Tag suggestions */
 763 .ac_results {
 764         padding: 0;
 765         margin: -1px -1px 0 0;
 766         list-style: none;
 767         position: absolute;
 768         z-index: 10000;
 769         display: none;
 770         border: 1px solid #d8d8d8;
 771         background-color: #fff;
 772         font-size: 14px;
 773 }
 774
 775 .ac_results li {
 776         padding: 6px 16px;
 777         white-space: nowrap;
 778         color: #101010;
 779         text-align: right;
 780 }
 781
 782 .ac_results .ac_over {
 783         background-color: #e5e5e5;
 784         background-color: #00a0d2;
 785         color: #fff;
 786         cursor: pointer;
 787 }
 788
 789 .ac_match {
 790         text-decoration: underline;
 791 }
 792
 793 /* Tags */
 794 .tagchecklist {
 795         padding: 16px 28px 5px;
 796 }
 797
 798 .tagchecklist:before,
 799 .tagchecklist:after {
 800         content: "";
 801         display: table;
 802 }
 803
 804 .tagchecklist:after {
 805         clear: both;
 806 }
 807
 808 .tagchecklist span {
 809         display: block;
 810         margin-left: 25px;
 811         float: right;
 812         font-size: 13px;
 813         line-height: 1.8;
 814         white-space: nowrap;
 815         cursor: default;
 816 }
 817
 818 @media (max-width: 600px) {
 819         .tagchecklist span {
 820                 margin-bottom: 15px;
 821                 font-size: 16px;
 822                 line-height: 1.3;
 823         }
 824 }
 825
 826 .tagchecklist .ntdelbutton {
 827         margin: 1px -17px 0 0;
 828         cursor: pointer;
 829         width: 20px;
 830         height: 20px;
 831         display: block;
 832         float: right;
 833         text-indent: 0;
 834         overflow: hidden;
 835         position: absolute;
 836         outline: 0;
 837 }
 838
 839 .tagchecklist .ntdelbutton:before {
 840         content: "\f153";
 841         display: block;
 842         margin: 2px 0;
 843         height: 20px;
 844         width: 20px;
 845         background: 100% 0;
 846         color: #9ea7af;
 847         font: 400 16px/1 dashicons;
 848         text-align: center;
 849         speak: none;
 850         -webkit-font-smoothing: antialiased;
 851 }
 852
 853 .tagchecklist .ntdelbutton:focus:before {
 854         color: #00a0d2;
 855 }
 856
 857
 858 /* THE TAG CLOUD. */
 859 .tagsdiv + p {
 860         margin: 0;
 861 }
 862
 863 .press-this .tagcloud-link {
 864         display: block;
 865         margin: 0 16px 5px;
 866         padding: 0;
 867         text-decoration: none;
 868         outline: 0;
 869 }
 870
 871 .tagcloud-link:focus {
 872         text-decoration: underline;
 873 }
 874
 875 .popular-tags {
 876         border: none;
 877         line-height: 2em;
 878         padding: 8px 12px 12px;
 879         text-align: justify;
 880 }
 881
 882 .popular-tags a {
 883         padding: 0 3px;
 884 }
 885
 886 .the-tagcloud {
 887         margin: 0;
 888         padding: 16px;
 889 }
 890
 891 .the-tagcloud a {
 892         text-decoration: none;
 893         outline: 0;
 894 }
 895
 896 .the-tagcloud a:focus {
 897         text-decoration: underline;
 898 }
 899
 900 .tagcloud h3 {
 901         margin: 2px 0 12px;
 902 }
 903
 904
 905 /**
 906 * Categories
 907 *
 908 * Complete styles for post categories UI
 909 */
 910 input[type="search"].categories-search,
 911 .add-category-name {
 912         display: block;
 913         width: 100%;
 914         padding: 0.85714em 1.07143em;
 915         border: 0;
 916         -webkit-border-radius: 0;
 917         border-radius: 0;
 918         border-bottom: 1px solid #e5e5e5;
 919         font-size: 14px;
 920         -webkit-appearance: none;
 921         -moz-appearance: none;
 922         appearance: none;
 923 }
 924
 925 @media (max-width: 600px) {
 926         input[type="search"].categories-search,
 927         .add-category-name {
 928                 /* Needs to be 16px to prevent zooming on iOS. Guh. */
 929                 font-size: 16px;
 930         }
 931 }
 932
 933 .press-this .add-cat-toggle {
 934         float: left;
 935         margin-top: -45px;
 936         line-height: 20px;
 937         padding: 12px 10px 8px;
 938         color: #0073aa;
 939 }
 940
 941 .press-this .add-cat-toggle:focus {
 942         text-decoration: none;
 943         color: #00a0d2;
 944 }
 945
 946 .press-this .add-cat-toggle.is-toggled {
 947         padding: 10px;
 948 }
 949
 950 .press-this .add-cat-toggle.is-toggled .dashicons:before {
 951         content: "\f179";
 952 }
 953
 954 .add-category {
 955         position: relative;
 956         border-bottom: 1px solid #e5e5e5;
 957 }
 958
 959 .add-category.is-hidden {
 960         display: none;
 961 }
 962
 963 .add-category .add-cat-submit {
 964         position: absolute;
 965         top: 0;
 966         left: 0;
 967         border: 0;
 968         -webkit-border-radius: 0;
 969         border-radius: 0;
 970         padding: 12px 16px;
 971         background: #f7f7f7;
 972         border-right: 1px solid #f1f1f1;
 973 }
 974
 975 .add-category .add-cat-submit:hover,
 976 .add-category .add-cat-submit:active,
 977 .add-category .add-cat-submit:focus {
 978         outline: 0;
 979         background: #2991b7;
 980         border-color: #20708e;
 981         color: #fff;
 982 }
 983
 984 /* Parent category select */
 985 .postform-wrapper {
 986         padding: 12px;
 987 }
 988
 989 .postform {
 990         display: block;
 991         margin: 0;
 992         width: 100%;
 993         height: 34px;
 994         border: 0;
 995         -webkit-border-radius: 0;
 996         border-radius: 0;
 997         border: 1px solid #e5e5e5;
 998         background: #fff;
 999         -webkit-background-size: 20px 20px;
1000         background-size: 20px 20px;
1001         overflow: hidden;
1002         line-height: 21px;
1003         text-overflow: ellipsis;
1004         text-decoration: none;
1005         vertical-align: top;
1006         white-space: nowrap;
1007         cursor: pointer;
1008         outline: 0;
1009 }
1010
1011 .postform:focus {
1012         border-color: #0073aa;
1013         -webkit-box-shadow: 0 0 0 3px #00a0d2;
1014         box-shadow: 0 0 0 3px #00a0d2;
1015         outline: 0;
1016         -moz-outline: none;
1017         -moz-user-focus: ignore;
1018 }
1019
1020 .postform::-ms-expand {
1021         display: none;
1022 }
1023
1024 .postform::-ms-value {
1025         background: none;
1026         color: #727272;
1027 }
1028
1029 .postform:-moz-focusring {
1030         color: transparent;
1031         text-shadow: 0 0 0 #727272;
1032 }
1033
1034 /* Category list */
1035 .categories-select {
1036         margin: 0;
1037         padding: 0;
1038         list-style: none;
1039 }
1040
1041 .categories-select ul {
1042         margin: 0;
1043         padding: 0;
1044         list-style: none;
1045 }
1046
1047 .category {
1048         position: relative;
1049         display: block;
1050         padding: 13px 16px 14px 16px;
1051         cursor: pointer;
1052         background: #fff;
1053 }
1054
1055 .category:focus,
1056 .category.selected:focus {
1057         outline: 0;
1058         background: #00a0d2;
1059         color: #fff;
1060 }
1061
1062 .category.selected {
1063         -webkit-box-shadow: inset -6px 0 0 #00a0d2;
1064         box-shadow: inset -6px 0 0 #00a0d2;
1065         background: #E9F5F9;
1066 }
1067
1068 .category.selected:after {
1069         display: inline-block;
1070         content: "\f147";
1071         position: absolute;
1072         top: 13px;
1073         left: 0;
1074         width: 20px;
1075         height: 20px;
1076         margin-left: 10px;
1077         font-size: 20px;
1078         line-height: 1;
1079         font-family: dashicons;
1080         text-decoration: inherit;
1081         color: #23282d;
1082         font-weight: 400;
1083         font-style: normal;
1084         vertical-align: top;
1085         text-align: center;
1086         -webkit-transition: color .1s ease-in 0;
1087         transition: color .1s ease-in 0;
1088         -webkit-font-smoothing: antialiased;
1089         -moz-osx-font-smoothing: grayscale;
1090 }
1091
1092 .category.selected:focus:after {
1093         color: #fff;
1094 }
1095
1096 .categories-select ul .category {
1097         padding-right: 24px;
1098 }
1099
1100 .categories-select ul ul .category {
1101         padding-right: 32px;
1102 }
1103
1104 .categories-select ul ul ul .category {
1105         padding-right: 40px;
1106 }
1107
1108 .categories-select ul ul ul ul .category {
1109         padding-right: 48px;
1110 }
1111
1112 .categories-select ul ul ul ul ul .category {
1113         padding-right: 56px;
1114 }
1115
1116 .categories-select ul ul ul ul ul ul .category {
1117         padding-right: 64px;
1118 }
1119
1120 .categories-select .is-hidden {
1121         display: none;
1122 }
1123
1124 .categories-select .is-hidden.searched-parent {
1125         display: block;
1126 }
1127
1128 /* Category search */
1129 .categories-search-wrapper {
1130         position: relative;
1131 }
1132
1133 .categories-search-wrapper.is-hidden {
1134         display: none;
1135 }
1136
1137 .categories-search-wrapper label {
1138         position: absolute;
1139         top: 50%;
1140         left: 10px;
1141         margin-top: -10px;
1142         color: #9ea7af;
1143 }
1144
1145
1146 /**
1147 * Main
1148 */
1149 html {
1150         overflow: auto;
1151 }
1152
1153 body {
1154         overflow-x: hidden;
1155         height: 100%;
1156 }
1157
1158 html {
1159         background: #fff;
1160         -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1161         box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1162 }
1163
1164 @media (max-width: 900px) {
1165         body {
1166                 font-size: 16px;
1167         }
1168 }
1169
1170 @media (max-width: 320px) {
1171         body {
1172                 font-size: 14px;
1173         }
1174 }
1175
1176 .lt-ie9 {
1177         overflow: visible;
1178 }
1179
1180 .adminbar {
1181         position: relative;
1182         width: 100%;
1183         padding: 0 0.8em;
1184         min-height: 3.2em;
1185         background: #23282d;
1186         color: #fff;
1187         z-index: 9999;
1188 }
1189
1190 .adminbar:before,
1191 .adminbar:after {
1192         content: "";
1193         display: table;
1194 }
1195
1196 .adminbar:after {
1197         clear: both;
1198 }
1199
1200 .adminbar .dashicons {
1201         color: #999;
1202 }
1203
1204 .press-this .adminbar button {
1205         position: absolute;
1206         top: 50%;
1207         left: 6px;
1208         margin-top: -13px;
1209         padding: 0 10px 1px;
1210         font-size: 13px;
1211 }
1212
1213 @media (max-width: 320px) {
1214         .adminbar {
1215                 min-height: 45px;
1216         }
1217 }
1218
1219 .current-site {
1220         margin-top: 0.5625em;
1221         font-size: 16px;
1222         line-height: 44px;
1223         font-weight: 400;
1224         overflow: hidden;
1225         white-space: nowrap;
1226         text-overflow: ellipsis;
1227 }
1228
1229 @media (max-width: 600px) {
1230         .current-site {
1231                 margin: 3px 0 0;
1232         }
1233 }
1234
1235 @media (max-width: 320px) {
1236         .current-site {
1237                 margin: 0;
1238                 font-size: 14px;
1239         }
1240 }
1241
1242 .current-site-link {
1243         text-decoration: none;
1244 }
1245
1246 .current-site-link:focus {
1247         outline: 0;
1248 }
1249
1250 .current-site-link:focus .current-site-name{
1251         text-decoration: underline;
1252 }
1253
1254 .current-site-name {
1255         color: #ededed;
1256 }
1257
1258 @media (max-width: 320px) {
1259         .current-site-name {
1260                 font-weight: 600;
1261         }
1262 }
1263
1264 .current-site .dashicons-wordpress {
1265         position: relative;
1266         top: -1px;
1267         margin-left: 10px;
1268         vertical-align: middle;
1269 }
1270
1271 .options,
1272 .options.open .on-closed,
1273 .options.closed .on-open {
1274         display: none;
1275 }
1276
1277 @media (max-width: 900px) {
1278         .options {
1279                 display: block;
1280         }
1281 }
1282
1283 .options-panel-back.is-hidden {
1284         display: none;
1285 }
1286
1287 .options:focus .dashicons {
1288         color: #fff;
1289         text-decoration: none;
1290 }
1291
1292 .options .dashicons {
1293         margin-top: 3px;
1294 }
1295
1296 .options {
1297         color: #00a0d2;
1298 }
1299
1300 .alert {
1301         position: relative;
1302         margin: 0;
1303         padding: 16px 50px;
1304         border-bottom: 1px solid #e5e5e5;
1305         font-size: 14px;
1306 }
1307
1308 .alert:before {
1309         content: "";
1310         position: absolute;
1311         top: 50%;
1312         right: 30px;
1313         width: 8px;
1314         height: 8px;
1315         margin-top: -4px;
1316         -webkit-border-radius: 50%;
1317         border-radius: 50%;
1318         background: #00a0d2;
1319 }
1320
1321 @media (max-width: 600px) {
1322         .alert {
1323                 padding: 16px 35px;
1324         }
1325         .alert:before {
1326                 right: 15px;
1327         }
1328 }
1329
1330 .alert.is-error:before {
1331         background: red;
1332 }
1333
1334 .scan {
1335         position: relative;
1336         border-bottom: 1px solid #e5e5e5;
1337 }
1338
1339 @media (max-width: 900px) {
1340         .scan form {
1341                 -webkit-transition: opacity .3s ease-in-out;
1342                 transition: opacity .3s ease-in-out;
1343         }
1344         .scan.is-hidden form {
1345                 opacity: .2;
1346                 pointer-events: none;
1347         }
1348 }
1349
1350 .scan-url {
1351         display: block;
1352         border: 0;
1353         padding: 0.85714em 1.07143em;
1354         font-size: 14px;
1355         width: 100%;
1356 }
1357
1358 @media (max-width: 600px) {
1359         .scan-url {
1360                 font-size: 16px;
1361         }
1362 }
1363
1364 .scan-submit {
1365         position: absolute;
1366         top: 0;
1367         left: 0;
1368         bottom: 0;
1369         padding: 0 1.07143em;
1370         background: #f7f7f7;
1371         border-color: #dedede;
1372         border: 0;
1373         border-right: 1px solid #f1f1f1;
1374         -webkit-border-radius: 0;
1375         border-radius: 0;
1376         color: #555;
1377         font-size: 14px;
1378         line-height: 1.6;
1379 }
1380
1381 .scan-submit:hover,
1382 .scan-submit:focus {
1383         background: #008ec2;
1384         border-color: #006799;
1385         color: #fff;
1386         outline: 0;
1387 }
1388
1389 .scan-submit:active {
1390         background: #0073aa;
1391         border-color: #006799;
1392         color: #fff;
1393 }
1394
1395 .scan-submit:visited {
1396         color: #555;
1397 }
1398
1399 .wrapper {
1400         position: relative;
1401         margin-bottom: 60px;
1402         margin-left: 320px;
1403 }
1404
1405 .wrapper:before,
1406 .wrapper:after {
1407         content: "";
1408         display: table;
1409 }
1410
1411 .wrapper:after {
1412         clear: both;
1413 }
1414
1415 @media (max-width: 900px) {
1416         .wrapper {
1417                 margin: 0;
1418                 width: 100%;
1419         }
1420 }
1421
1422 .editor-wrapper {
1423         overflow: auto;
1424         float: right;
1425         width: 100%;
1426 }
1427
1428 .editor-wrapper:before,
1429 .editor-wrapper:after {
1430         content: "";
1431         display: table;
1432 }
1433
1434 .editor-wrapper:after {
1435         clear: both;
1436 }
1437
1438 .editor {
1439         padding: 0 1.5em 4.75em;
1440         max-width: 700px;
1441         margin: 0 auto;
1442 }
1443
1444 .spinner {
1445         height: 20px;
1446         width: 20px;
1447         display: inline-block;
1448         visibility: hidden;
1449         background: url(../images/spinner.gif) no-repeat center;
1450         -webkit-background-size: 20px 20px;
1451         background-size: 20px 20px;
1452         opacity: 0.7;
1453         filter: alpha(opacity=70);
1454         line-height: 1;
1455         vertical-align: middle;
1456 }
1457
1458 @media print,
1459         (-webkit-min-device-pixel-ratio: 1.25),
1460         (min-resolution: 120dpi) {
1461
1462         .spinner {
1463                 background-image: url(../images/spinner-2x.gif);
1464         }
1465 }
1466
1467 .spinner.is-active {
1468         visibility: visible;
1469 }
1470
1471 /* Make the text inside the editor textarea white. Prevents a "flash" on loading the page */
1472 #pressthis {
1473         color: #fff;
1474 }
1475
1476 @media (min-width: 901px) {
1477         .editor {
1478                 max-width: 760px;
1479         }
1480 }
1481
1482 @media (max-width: 320px) {
1483         .editor {
1484                 padding: 0;
1485         }
1486 }
1487
1488 .post-title,
1489 .post-title-placeholder {
1490         margin: 0;
1491         padding: .83em 0;
1492         width: 100%;
1493         border-bottom: 1px solid #e5e5e5;
1494         font-size: 32px;
1495         line-height: 1.4;
1496         font-weight: 700;
1497 }
1498
1499 .post-title:active,
1500 .post-title:focus,
1501 .post-title-placeholder:active,
1502 .post-title-placeholder:focus {
1503         outline: 0;
1504         -webkit-box-shadow: inset 0px -3px 0 #00a0d2;
1505         box-shadow: inset 0px -3px 0 #00a0d2;
1506         border-color: #00a0d2;
1507 }
1508
1509 @media (max-width: 900px) {
1510         .post-title,
1511         .post-title-placeholder {
1512                 font-size: 24px;
1513         }
1514 }
1515
1516 @media (max-height: 400px) {
1517         .post-title,
1518         .post-title-placeholder {
1519                 padding: 15px 0;
1520                 font-size: 16px;
1521         }
1522 }
1523
1524 @media (max-width: 320px) {
1525         .post-title,
1526         .post-title-placeholder {
1527                 font-size: 16px;
1528                 font-weight: 600;
1529                 padding: 1.14286em 1.42857em;
1530         }
1531 }
1532
1533 .post-title {
1534         /* IE8 fallback */
1535         background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
1536         background: none, none;
1537 }
1538
1539 .post-title:before {
1540         /* Keeps empty container from collapsing */
1541         content: "\a0";
1542         display: inline-block;
1543         width: 0;
1544         speak: none;
1545 }
1546
1547 .post-title-placeholder {
1548         position: absolute;
1549         border: 0;
1550         color: #9ea7af;
1551         z-index: -1;
1552 }
1553
1554 .post-title-placeholder.is-hidden {
1555         display: none;
1556 }
1557
1558 /* Suggested images */
1559 .media-list-container {
1560         position: relative;
1561         padding: 2px 0;
1562         border-bottom: 1px solid #e5e5e5;
1563         display: none;
1564 }
1565
1566 .media-list-inner-container {
1567         overflow: auto;
1568         max-height: 150px;
1569         max-height: 40vw;
1570 }
1571
1572 .media-list-container.has-media {
1573         display: block;
1574 }
1575
1576 .media-list-inner-container:before,
1577 .media-list-inner-container:after {
1578         content: "";
1579         display: table;
1580 }
1581
1582 .media-list-inner-container:after {
1583         clear: both;
1584 }
1585
1586 .media-list {
1587         margin: 0;
1588         padding: 0;
1589 }
1590
1591 @media (min-width: 321px) {
1592         .media-list-inner-container {
1593                 max-height: 250px;
1594                 max-height: 40vw;
1595         }
1596 }
1597
1598 @media (min-width: 601px) {
1599         .media-list-inner-container {
1600                 max-height: 200px;
1601                 max-height: 18.75vw;
1602         }
1603 }
1604
1605 .wppt-all-media-list {
1606         list-style: none;
1607         margin: 0;
1608         padding: 0;
1609 }
1610
1611 .suggested-media-thumbnail:focus,
1612 .is-embed:focus {
1613         outline: 0;
1614         -webkit-box-shadow: inset 0 0 0 3px #00a0d2;
1615         box-shadow: inset 0 0 0 3px #00a0d2;
1616 }
1617
1618 .suggested-media-thumbnail {
1619         position: relative;
1620         display: block;
1621         float: right;
1622         width: 16.66%;
1623         padding: 16.66% 16.66% 0 0;
1624         background-position: center;
1625         background-repeat: no-repeat;
1626         -webkit-background-size: cover;
1627         background-size: cover;
1628         background-color: #d8d8d8;
1629         color: #fff;
1630         color: rgba(255, 255, 255, 0.6);
1631         cursor: pointer;
1632 }
1633
1634 .suggested-media-thumbnail:hover,
1635 .suggested-media-thumbnail:active,
1636 .suggested-media-thumbnail:focus {
1637         color: #fff;
1638 }
1639
1640 .suggested-media-thumbnail:before,
1641 .suggested-media-thumbnail:after {
1642         display: inline-block;
1643         position: absolute;
1644         font-size: 20px;
1645         line-height: 1;
1646         font-family: dashicons;
1647         text-decoration: inherit;
1648         font-weight: 400;
1649         font-style: normal;
1650         -webkit-transition: color .1s ease-in 0;
1651         transition: color .1s ease-in 0;
1652         -webkit-font-smoothing: antialiased;
1653         -moz-osx-font-smoothing: grayscale;
1654 }
1655
1656 .suggested-media-thumbnail:before {
1657         right: 50%;
1658         top: 50%;
1659         margin: -20px -20px 0 0;
1660         font-size: 40px;
1661 }
1662
1663 .suggested-media-thumbnail:after {
1664         content: "\f132";
1665         left: 3%;
1666         bottom: 2%;
1667 }
1668
1669 @media (min-width: 601px) {
1670         .suggested-media-thumbnail {
1671                 width: 12.5%;
1672                 padding: 12.5% 12.5% 0 0;
1673         }
1674 }
1675
1676 .is-embed:before {
1677         content: "\f104";
1678         color: #fff;
1679         color: rgba(255, 255, 255, 0.9);
1680 }
1681
1682 .is-embed.is-audio:hover:before,
1683 .is-embed.is-audio:active:before,
1684 .is-embed.is-audio:focus:before,
1685 .is-embed.is-tweet:hover:before,
1686 .is-embed.is-tweet:active:before,
1687 .is-embed.is-tweet:focus:before {
1688         color: #fff;
1689 }
1690
1691 .is-embed.is-video {
1692         background-color: #23282d;
1693 }
1694
1695 .is-embed.is-video:hover:before,
1696 .is-embed.is-video:active:before,
1697 .is-embed.is-video:focus:before {
1698         color: rgba(255, 255, 255, 0.2);
1699 }
1700
1701 .is-embed.is-video:before {
1702         content: "\f236";
1703 }
1704
1705 .is-embed.is-audio {
1706         background-color: #ff7d44;
1707 }
1708
1709 .is-embed.is-audio:before {
1710         content: "\f127";
1711 }
1712
1713 .is-embed.is-tweet {
1714         background-color: #55acee;
1715 }
1716
1717 .is-embed.is-tweet:before {
1718         content: "\f301";
1719 }
1720
1721 .no-media {
1722         margin: 0;
1723         padding: 0;
1724         border: 0;
1725 }
1726
1727 /* Actions bar */
1728 .press-this-actions {
1729         position: fixed;
1730         bottom: 0;
1731         right: 0;
1732         width: 100%;
1733         background: #f1f1f1;
1734         background: rgba(241, 241, 241, 0.9);
1735         border-top: 1px solid #e5e5e5;
1736 }
1737
1738 @media (max-width: 900px) {
1739         .press-this-actions {
1740                 -webkit-transform: translateY(0);
1741                 -ms-transform: translateY(0);
1742                 transform: translateY(0);
1743                 -webkit-transition: -webkit-transform .3s ease-in-out;
1744                 transition: -webkit-transform .3s ease-in-out;
1745                 transition: transform .3s ease-in-out;
1746                 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1747         }
1748         .press-this-actions.is-hidden {
1749                 -webkit-transform: translateY(100%);
1750                 -ms-transform: translateY(100%);
1751                 transform: translateY(100%);
1752         }
1753 }
1754
1755 .add-media {
1756         float: right;
1757         margin: 14px 30px 14px 0;
1758         font-size: 0;
1759 }
1760
1761 @media (max-width: 320px) {
1762         .add-media {
1763                 margin: 10px 10px 10px 0;
1764         }
1765 }
1766
1767 .insert-media {
1768         color: #9ea7af;
1769         float: right;
1770         margin: 0;
1771         padding: 0;
1772         border: 0;
1773         border-left: 1px solid #e5e5e5;
1774         -webkit-border-radius: 0;
1775         border-radius: 0;
1776         background: none;
1777         -webkit-box-shadow: none;
1778         box-shadow: none;
1779         overflow: hidden;
1780 }
1781
1782 .insert-media:hover,
1783 .insert-media:focus,
1784 .insert-media:active {
1785         margin: 0;
1786         background: none;
1787         border-color: #e5e5e5;
1788         color: #23282d;
1789 }
1790
1791 .insert-media:focus,
1792 .insert-media:active {
1793         outline: 0;
1794         color: #00a0d2;
1795         text-decoration: none;
1796 }
1797
1798 .insert-media .dashicons {
1799         padding: 11px;
1800         width: 63px;
1801         height: 58px;
1802         font-size: 40px;
1803 }
1804
1805 @media (max-width: 320px) {
1806         .insert-media .dashicons {
1807                 width: 55px;
1808                 height: 49px;
1809                 padding: 14px;
1810                 font-size: 20px;
1811         }
1812 }
1813
1814 .post-actions {
1815         float: left;
1816         margin: 14px 0 14px 30px;
1817         font-size: 13px;
1818 }
1819
1820 @media (max-width: 320px) {
1821         .post-actions {
1822                 margin: 10px 0 10px 10px;
1823         }
1824 }
1825
1826 .publish-button .saving-draft,
1827 .publish-button.is-saving .publish {
1828         display: none;
1829 }
1830
1831 .publish-button.is-saving .saving-draft {
1832         display: inline;
1833 }
1834
1835 /* TinyMCE styles */
1836 .editor .wp-media-buttons {
1837         float: none;
1838 }
1839
1840 .editor div.mce-toolbar-grp {
1841         padding: 0.71429em 0;
1842         background: none;
1843         border: 0;
1844 }
1845
1846 @media (max-height: 400px), (max-width: 320px) {
1847         .editor div.mce-toolbar-grp {
1848                 padding: 0;
1849         }
1850 }
1851
1852 .mce-stack-layout:before,
1853 .mce-stack-layout:after {
1854         content: "";
1855         display: table;
1856 }
1857
1858 .mce-stack-layout:after {
1859         clear: both;
1860 }
1861
1862 .mce-container.mce-toolbar {
1863         float: right;
1864 }
1865
1866 .mce-container.mce-toolbar:nth-child(2) {
1867         float: left;
1868 }
1869
1870 @media (max-width: 600px) {
1871         .mce-first .mce-btn:nth-child(3),
1872         .mce-first .mce-btn:nth-child(4) {
1873                 position: absolute;
1874                 margin: -1px;
1875                 padding: 0;
1876                 height: 1px;
1877                 width: 1px;
1878                 overflow: hidden;
1879                 clip: rect(0 0 0 0);
1880                 border: 0;
1881         }
1882
1883         .mce-first .mce-btn:nth-child(3):focus,
1884         .mce-first .mce-btn:nth-child(4):focus {
1885                 position: static;
1886                 margin: 1px;
1887                 padding: inherit;
1888                 height: auto;
1889                 width: auto;
1890                 overflow: visible;
1891                 clip: auto;
1892                 border: 1px solid #999;
1893         }
1894 }
1895
1896 #wp-link-wrap {
1897         font-size: 13px;
1898 }
1899
1900 #wp-link-wrap input[type="text"] {
1901         padding: 3px 5px;
1902         margin: 1px;
1903 }
1904
1905 @media screen and (max-width: 782px) {
1906         #wp-link-wrap {
1907                 font-size: 14px;
1908         }
1909
1910         #wp-link-wrap input[type="text"] {
1911                 padding: 6px 10px;
1912         }
1913 }
1914
1915 #wp-link-wrap .howto {
1916         color: #666;
1917         font-style: italic;
1918 }
1919
1920 /* Options panel (sidebar) */
1921 .options-panel {
1922         position: relative;
1923         float: left;
1924         margin-left: -320px;
1925         width: 320px;
1926         border-right: 1px solid #e5e5e5;
1927         font-size: 14px;
1928         /* Keeps background the full height of the screen, but only visually. Clicks go through. */
1929         -webkit-box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1930         box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1931         outline: 0;
1932 }
1933
1934 .options-panel-back {
1935         position: absolute;
1936         top: 0;
1937         left: 0;
1938         bottom: 0;
1939         width: 320px;
1940         outline: 0;
1941 }
1942
1943 @media (max-width: 900px) {
1944         .options-panel {
1945                 background: #fff;
1946                 -webkit-transform: translateX(100%);
1947                 -ms-transform: translateX(100%);
1948                 transform: translateX(100%);
1949                 -webkit-transition: -webkit-transform .3s ease-in-out;
1950                 transition: -webkit-transform .3s ease-in-out;
1951                 transition: transform .3s ease-in-out;
1952                 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1953         }
1954
1955         .options-panel.is-hidden {
1956                 visibility: hidden;
1957         }
1958
1959         .options-panel.is-off-screen {
1960                 -webkit-transform: translateX(0);
1961                 -ms-transform: translateX(0);
1962                 transform: translateX(0);
1963         }
1964 }
1965
1966 @media (max-width: 320px) {
1967         .options-panel {
1968                 margin-left: -100%;
1969                 width: 100%;
1970                 border: 0;
1971                 -webkit-box-shadow: -5001px 5000px 0 5000px #fff;
1972                 box-shadow: -5001px 5000px 0 5000px #fff;
1973         }
1974
1975         .options-panel-back {
1976                 width: 100%;
1977         }
1978 }
1979
1980 .post-options {
1981         background: #fff;
1982         position: absolute;
1983         left: 0;
1984         width: 100%;
1985         overflow-x: hidden;
1986 }
1987
1988 .post-options .post-option-contents {
1989         margin-right: 3px;
1990         color: #32373c;
1991 }
1992
1993 .post-option-forward:before {
1994         position: absolute;
1995         top: 50%;
1996         left: 8px;
1997         margin-top: -10px;
1998         content: "\f341"
1999 }
2000
2001 .post-option-back:before {
2002         content: "\f345";
2003 }
2004
2005 .lt-ie9 .options-panel,
2006 .lt-ie9 .post-options {
2007         border-right: 1px solid #e5e5e5;
2008 }
2009
2010 .lt-ie9 .post-options.is-off-screen {
2011         border: 0;
2012 }
2013
2014 .post-option {
2015         position: relative;
2016 }
2017
2018 .post-options .post-option {
2019         display: block;
2020         width: 100%;
2021         padding: 13px 14px 13px 37px;
2022         border-bottom: 1px solid #e5e5e5;
2023         text-decoration: none;
2024         text-align: right;
2025         color: #9ea7af;
2026         text-overflow: ellipsis;
2027         white-space: nowrap;
2028         overflow: hidden;
2029         -webkit-transition: -webkit-transform .3s ease-in-out;
2030         transition: -webkit-transform .3s ease-in-out;
2031         transition: transform .3s ease-in-out;
2032         transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2033 }
2034
2035 .post-options .post-option:focus {
2036         outline: 0;
2037         -webkit-box-shadow: inset -5px 0 0 #00a0d2;
2038         box-shadow: inset -5px 0 0 #00a0d2;
2039         border-color: #e5e5e5;
2040 }
2041
2042 .is-off-screen > .post-option {
2043         left: 100%;
2044 }
2045
2046 .is-hidden > .post-option {
2047         visibility: hidden;
2048 }
2049
2050 @media (min-width: 1px) {
2051         .is-off-screen > .post-option {
2052                 left: auto;
2053                 -webkit-transform: translateX(100%);
2054                 -ms-transform: translateX(100%);
2055                 transform: translateX(100%);
2056         }
2057 }
2058
2059 .post-option-title {
2060         display: inline-block;
2061         margin: 0 8px 0 0;
2062         font-size: 14px;
2063         font-weight: normal;
2064 }
2065
2066 .setting-modal {
2067         position: relative;
2068         top: 0;
2069         right: 0;
2070         width: 100%;
2071         overflow: hidden;
2072         -webkit-transition: -webkit-transform .3s ease-in-out;
2073         transition: -webkit-transform .3s ease-in-out;
2074         transition: transform .3s ease-in-out;
2075         transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2076 }
2077
2078 .setting-modal.is-hidden {
2079         visibility: hidden;
2080         height: 0;
2081 }
2082
2083 .setting-modal.is-off-screen {
2084         right: 100%;
2085 }
2086
2087 @media (min-width: 1px) {
2088         .setting-modal.is-off-screen {
2089                 right: 0;
2090                 -webkit-transform: translateX(-100%);
2091                 -ms-transform: translateX(-100%);
2092                 transform: translateX(-100%);
2093         }
2094 }
2095
2096 .press-this .modal-close {
2097         display: block;
2098         width: 100%;
2099         padding: 13px 14px;
2100         border-bottom: 1px solid #e5e5e5;
2101         color: #00a0d2;
2102         text-decoration: none;
2103         text-align: right;
2104 }
2105
2106 .press-this .modal-close:focus {
2107         outline: 0;
2108         -webkit-box-shadow: inset -5px 0 0 #00a0d2;
2109         box-shadow: inset -5px 0 0 #00a0d2;
2110         border-color: #e5e5e5;
2111 }
2112
2113 .setting-title {
2114         position: relative;
2115         top: -1px;
2116         margin-right: 11px;
2117 }
2118
2119 /* Text editor */
2120 #pressthis {
2121         color: #404040;
2122         resize: none;
2123         padding-top: 30px;
2124         font-size: 16px;
2125 }
2126
2127 .wp-editor-wrap .quicktags-toolbar {
2128         background: transparent;
2129         border: none;
2130 }
2131
2132 /* Switch editor buttons */
2133 .wp-editor-wrap .wp-editor-tools {
2134         z-index: 0;
2135 }
2136
2137 .wp-editor-wrap .wp-editor-tabs {
2138         padding: 2px;
2139 }
2140
2141 .wp-editor-wrap .wp-switch-editor {
2142         top: 0;
2143         margin: 3px 5px 0 0;
2144         padding: 3px 8px;
2145         background: #f5f5f5;
2146         color: #555;
2147         border-color: #ccc;
2148 }
2149
2150 .wp-editor-wrap .wp-switch-editor:hover {
2151         background: #fafafa;
2152         border-color: #999;
2153         color: #23282d;
2154 }
2155
2156 .wp-editor-wrap.tmce-active .switch-tmce,
2157 .wp-editor-wrap.html-active .switch-html {
2158         background: #fff;
2159         border-color: #d8d8d8;
2160 }