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