wp-admin/css/press-this.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         right: 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         right: 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         right: 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: left;
 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-left-radius: 3px;
 432         border-top-left-radius: 3px;
 433         -webkit-border-bottom-left-radius: 3px;
 434         border-bottom-left-radius: 3px;
 435         border-right: 0 none;
 436         float: left;
 437 }
 438
 439 .split-button-toggle {
 440         padding: 0;
 441         -webkit-border-top-right-radius: 3px;
 442         border-top-right-radius: 3px;
 443         -webkit-border-bottom-right-radius: 3px;
 444         border-bottom-right-radius: 3px;
 445         border-left: 1px solid #006799;
 446         float: right;
 447 }
 448
 449 .split-button-toggle i {
 450         margin: 4px 20px 3px 0;
 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-left: 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 0 1.5em 3em;
 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-left: 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 12px 0 13px;
 611         width: auto;
 612         height: auto;
 613         position: static;
 614         top: auto;
 615         float: left;
 616         width: 16px;
 617         height: 16px;
 618 }
 619
 620 .post-format-icon {
 621         position: relative;
 622         display: block;
 623         padding: 13px 2px 14px 13px;
 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-right: 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: right;
 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-left: 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 58px 11px 16px;
 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         right: 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-left: 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 0 6px 16px;
 771 }
 772
 773
 774 /* Tag hint TODO needed? */
 775 /* Tag suggestions */
 776 .ac_results {
 777         padding: 0;
 778         margin: -1px 0 0 -1px;
 779         list-style: none;
 780         position: absolute;
 781         z-index: 10000;
 782         display: none;
 783         border: 1px solid #d8d8d8;
 784         background-color: #fff;
 785         font-size: 14px;
 786 }
 787
 788 .ac_results li {
 789         padding: 6px 16px;
 790         white-space: nowrap;
 791         text-align: left;
 792 }
 793
 794 .ac_results .ac_over {
 795         background-color: #e5e5e5;
 796         background-color: #00a0d2;
 797         color: #fff;
 798         cursor: pointer;
 799 }
 800
 801 .ac_match {
 802         text-decoration: underline;
 803 }
 804
 805 /* Tags */
 806 .tagchecklist {
 807         padding: 16px 28px 5px;
 808 }
 809
 810 .tagchecklist:before,
 811 .tagchecklist:after {
 812         content: "";
 813         display: table;
 814 }
 815
 816 .tagchecklist:after {
 817         clear: both;
 818 }
 819
 820 .tagchecklist span {
 821         display: block;
 822         margin-right: 25px;
 823         float: left;
 824         font-size: 13px;
 825         line-height: 1.8;
 826         white-space: nowrap;
 827         cursor: default;
 828 }
 829
 830 @media (max-width: 600px) {
 831         .tagchecklist span {
 832                 margin-bottom: 15px;
 833                 font-size: 16px;
 834                 line-height: 1.3;
 835         }
 836 }
 837
 838 .tagchecklist .ntdelbutton {
 839         margin: 1px 0 0 -17px;
 840         cursor: pointer;
 841         width: 20px;
 842         height: 20px;
 843         display: block;
 844         float: left;
 845         text-indent: 0;
 846         overflow: hidden;
 847         position: absolute;
 848         outline: 0;
 849 }
 850
 851 .tagchecklist .ntdelbutton:before {
 852         content: "\f153";
 853         display: block;
 854         margin: 2px 0;
 855         height: 20px;
 856         width: 20px;
 857         background: 0 0;
 858         color: #9ea7af;
 859         font: 400 16px/1 dashicons;
 860         text-align: center;
 861         speak: none;
 862         -webkit-font-smoothing: antialiased;
 863 }
 864
 865 .tagchecklist .ntdelbutton:focus:before {
 866         color: #00a0d2;
 867 }
 868
 869
 870 /* THE TAG CLOUD. */
 871 .tagsdiv + p {
 872         margin: 0;
 873 }
 874
 875 .press-this .tagcloud-link {
 876         display: block;
 877         margin: 0 16px 5px;
 878         padding: 0;
 879         text-decoration: none;
 880         outline: 0;
 881 }
 882
 883 .tagcloud-link:focus {
 884         text-decoration: underline;
 885 }
 886
 887 .popular-tags {
 888         border: none;
 889         line-height: 2em;
 890         padding: 8px 12px 12px;
 891         text-align: justify;
 892 }
 893
 894 .popular-tags a {
 895         padding: 0 3px;
 896 }
 897
 898 .the-tagcloud {
 899         margin: 0;
 900         padding: 16px;
 901 }
 902
 903 .the-tagcloud a {
 904         text-decoration: none;
 905         outline: 0;
 906 }
 907
 908 .the-tagcloud a:focus {
 909         text-decoration: underline;
 910 }
 911
 912 .tagcloud h3 {
 913         margin: 2px 0 12px;
 914 }
 915
 916
 917 /**
 918 * Categories
 919 *
 920 * Complete styles for post categories UI
 921 */
 922 input[type="search"].categories-search,
 923 .add-category-name {
 924         display: block;
 925         width: 100%;
 926         padding: 0.85714em 1.07143em;
 927         border: 0;
 928         -webkit-border-radius: 0;
 929         border-radius: 0;
 930         border-bottom: 1px solid #e5e5e5;
 931         font-size: 14px;
 932         -webkit-appearance: none;
 933         -moz-appearance: none;
 934         appearance: none;
 935 }
 936
 937 @media (max-width: 600px) {
 938         input[type="search"].categories-search,
 939         .add-category-name {
 940                 /* Needs to be 16px to prevent zooming on iOS. Guh. */
 941                 font-size: 16px;
 942         }
 943 }
 944
 945 .press-this .add-cat-toggle {
 946         float: right;
 947         margin-top: -45px;
 948         line-height: 20px;
 949         padding: 12px 10px 8px;
 950         color: #0073aa;
 951 }
 952
 953 .press-this .add-cat-toggle:focus {
 954         text-decoration: none;
 955         color: #00a0d2;
 956 }
 957
 958 .press-this .add-cat-toggle.is-toggled {
 959         padding: 10px;
 960 }
 961
 962 .press-this .add-cat-toggle.is-toggled .dashicons:before {
 963         content: "\f179";
 964 }
 965
 966 .add-category {
 967         position: relative;
 968         border-bottom: 1px solid #e5e5e5;
 969 }
 970
 971 .add-category.is-hidden {
 972         display: none;
 973 }
 974
 975 .add-category .add-cat-submit {
 976         position: absolute;
 977         top: 0;
 978         right: 0;
 979         border: 0;
 980         -webkit-border-radius: 0;
 981         border-radius: 0;
 982         padding: 12px 16px;
 983         background: #f7f7f7;
 984         border-left: 1px solid #f1f1f1;
 985 }
 986
 987 .add-category .add-cat-submit:hover,
 988 .add-category .add-cat-submit:active,
 989 .add-category .add-cat-submit:focus {
 990         outline: 0;
 991         background: #2991b7;
 992         border-color: #20708e;
 993         color: #fff;
 994 }
 995
 996 /* Parent category select */
 997 .postform-wrapper {
 998         padding: 12px;
 999 }
1000
1001 .postform {
1002         display: block;
1003         margin: 0;
1004         width: 100%;
1005         height: 34px;
1006         border: 0;
1007         -webkit-border-radius: 0;
1008         border-radius: 0;
1009         border: 1px solid #e5e5e5;
1010         background: #fff;
1011         -webkit-background-size: 20px 20px;
1012         background-size: 20px 20px;
1013         overflow: hidden;
1014         line-height: 21px;
1015         text-overflow: ellipsis;
1016         text-decoration: none;
1017         vertical-align: top;
1018         white-space: nowrap;
1019         cursor: pointer;
1020         outline: 0;
1021 }
1022
1023 .postform:focus {
1024         border-color: #0073aa;
1025         -webkit-box-shadow: 0 0 0 3px #00a0d2;
1026         box-shadow: 0 0 0 3px #00a0d2;
1027         outline: 0;
1028         -moz-outline: none;
1029         -moz-user-focus: ignore;
1030 }
1031
1032 .postform::-ms-expand {
1033         display: none;
1034 }
1035
1036 .postform::-ms-value {
1037         background: none;
1038         color: #727272;
1039 }
1040
1041 .postform:-moz-focusring {
1042         color: transparent;
1043         text-shadow: 0 0 0 #727272;
1044 }
1045
1046 /* Category list */
1047 .categories-select {
1048         margin: 0;
1049         padding: 0;
1050         list-style: none;
1051 }
1052
1053 .categories-select ul {
1054         margin: 0;
1055         padding: 0;
1056         list-style: none;
1057 }
1058
1059 .category {
1060         position: relative;
1061         display: block;
1062         padding: 13px 16px 14px 16px;
1063         cursor: pointer;
1064         background: #fff;
1065 }
1066
1067 .category:focus,
1068 .category.selected:focus {
1069         outline: 0;
1070         background: #00a0d2;
1071         color: #fff;
1072 }
1073
1074 .category.selected {
1075         -webkit-box-shadow: inset 6px 0 0 #00a0d2;
1076         box-shadow: inset 6px 0 0 #00a0d2;
1077         background: #E9F5F9;
1078 }
1079
1080 .category.selected:after {
1081         display: inline-block;
1082         content: "\f147";
1083         position: absolute;
1084         top: 13px;
1085         right: 0;
1086         width: 20px;
1087         height: 20px;
1088         margin-right: 10px;
1089         font-size: 20px;
1090         line-height: 1;
1091         font-family: dashicons;
1092         text-decoration: inherit;
1093         color: #23282d;
1094         font-weight: 400;
1095         font-style: normal;
1096         vertical-align: top;
1097         text-align: center;
1098         -webkit-transition: color .1s ease-in 0;
1099         transition: color .1s ease-in 0;
1100         -webkit-font-smoothing: antialiased;
1101         -moz-osx-font-smoothing: grayscale;
1102 }
1103
1104 .category.selected:focus:after {
1105         color: #fff;
1106 }
1107
1108 .categories-select ul .category {
1109         padding-left: 24px;
1110 }
1111
1112 .categories-select ul ul .category {
1113         padding-left: 32px;
1114 }
1115
1116 .categories-select ul ul ul .category {
1117         padding-left: 40px;
1118 }
1119
1120 .categories-select ul ul ul ul .category {
1121         padding-left: 48px;
1122 }
1123
1124 .categories-select ul ul ul ul ul .category {
1125         padding-left: 56px;
1126 }
1127
1128 .categories-select ul ul ul ul ul ul .category {
1129         padding-left: 64px;
1130 }
1131
1132 .categories-select .is-hidden {
1133         display: none;
1134 }
1135
1136 .categories-select .is-hidden.searched-parent {
1137         display: block;
1138 }
1139
1140 /* Category search */
1141 .categories-search-wrapper {
1142         position: relative;
1143 }
1144
1145 .categories-search-wrapper.is-hidden {
1146         display: none;
1147 }
1148
1149 .categories-search-wrapper label {
1150         position: absolute;
1151         top: 50%;
1152         right: 10px;
1153         margin-top: -10px;
1154         color: #9ea7af;
1155 }
1156
1157
1158 /**
1159 * Main
1160 */
1161 html {
1162         overflow: auto;
1163 }
1164
1165 body {
1166         overflow-x: hidden;
1167         height: 100%;
1168 }
1169
1170 html {
1171         background: #fff;
1172         -webkit-box-shadow: -10px 0 0 rgba(0, 0, 0, 0.3);
1173         box-shadow: -10px 0 0 rgba(0, 0, 0, 0.3);
1174 }
1175
1176 @media (max-width: 900px) {
1177         body {
1178                 font-size: 16px;
1179         }
1180 }
1181
1182 @media (max-width: 320px) {
1183         body {
1184                 font-size: 14px;
1185         }
1186 }
1187
1188 .lt-ie9 {
1189         overflow: visible;
1190 }
1191
1192 .adminbar {
1193         position: relative;
1194         width: 100%;
1195         padding: 0 0.8em;
1196         min-height: 3.2em;
1197         background: #23282d;
1198         color: #fff;
1199         z-index: 9999;
1200 }
1201
1202 .adminbar:before,
1203 .adminbar:after {
1204         content: "";
1205         display: table;
1206 }
1207
1208 .adminbar:after {
1209         clear: both;
1210 }
1211
1212 .adminbar .dashicons {
1213         color: #a0a5aa; /* same as WP admin bar icons */
1214 }
1215
1216 .press-this .adminbar button {
1217         position: absolute;
1218         top: 50%;
1219         right: 6px;
1220         margin-top: -13px;
1221         padding: 0 10px 1px;
1222         font-size: 13px;
1223 }
1224
1225 @media (max-width: 320px) {
1226         .adminbar {
1227                 min-height: 45px;
1228         }
1229 }
1230
1231 .current-site {
1232         margin-top: 0.5625em;
1233         font-size: 16px;
1234         line-height: 44px;
1235         font-weight: 400;
1236         overflow: hidden;
1237         white-space: nowrap;
1238         text-overflow: ellipsis;
1239 }
1240
1241 @media (max-width: 600px) {
1242         .current-site {
1243                 margin: 3px 0 0;
1244         }
1245 }
1246
1247 @media (max-width: 320px) {
1248         .current-site {
1249                 margin: 0;
1250                 font-size: 14px;
1251         }
1252 }
1253
1254 .current-site-link {
1255         text-decoration: none;
1256 }
1257
1258 .current-site-link:focus {
1259         outline: 0;
1260 }
1261
1262 .current-site-link:focus .current-site-name{
1263         text-decoration: underline;
1264 }
1265
1266 .current-site-name {
1267         color: #ededed;
1268 }
1269
1270 @media (max-width: 320px) {
1271         .current-site-name {
1272                 font-weight: 600;
1273         }
1274 }
1275
1276 .current-site .dashicons-wordpress {
1277         position: relative;
1278         top: -1px;
1279         margin-right: 10px;
1280         vertical-align: middle;
1281 }
1282
1283 .options,
1284 .options.open .on-closed,
1285 .options.closed .on-open {
1286         display: none;
1287 }
1288
1289 @media (max-width: 900px) {
1290         .options {
1291                 display: block;
1292         }
1293 }
1294
1295 .options-panel-back.is-hidden {
1296         display: none;
1297 }
1298
1299 .options:focus .dashicons {
1300         color: #fff;
1301         text-decoration: none;
1302 }
1303
1304 .options .dashicons {
1305         margin-top: 3px;
1306 }
1307
1308 .options {
1309         color: #00a0d2;
1310 }
1311
1312 .alert {
1313         position: relative;
1314         margin: 0;
1315         padding: 16px 50px;
1316         border-bottom: 1px solid #e5e5e5;
1317         font-size: 14px;
1318 }
1319
1320 .alert:before {
1321         content: "";
1322         position: absolute;
1323         top: 50%;
1324         left: 30px;
1325         width: 8px;
1326         height: 8px;
1327         margin-top: -4px;
1328         -webkit-border-radius: 50%;
1329         border-radius: 50%;
1330         background: #00a0d2;
1331 }
1332
1333 @media (max-width: 600px) {
1334         .alert {
1335                 padding: 16px 35px;
1336         }
1337         .alert:before {
1338                 left: 15px;
1339         }
1340 }
1341
1342 .alert.is-error:before {
1343         background: red;
1344 }
1345
1346 .scan {
1347         position: relative;
1348         border-bottom: 1px solid #e5e5e5;
1349 }
1350
1351 @media (max-width: 900px) {
1352         .scan form {
1353                 -webkit-transition: opacity .3s ease-in-out;
1354                 transition: opacity .3s ease-in-out;
1355         }
1356         .scan.is-hidden form {
1357                 opacity: .2;
1358                 pointer-events: none;
1359         }
1360 }
1361
1362 .scan-url {
1363         display: block;
1364         border: 0;
1365         padding: 0.85714em 1.07143em;
1366         font-size: 14px;
1367         width: 100%;
1368 }
1369
1370 @media (max-width: 600px) {
1371         .scan-url {
1372                 font-size: 16px;
1373         }
1374 }
1375
1376 .scan-submit {
1377         position: absolute;
1378         top: 0;
1379         right: 0;
1380         bottom: 0;
1381         padding: 0 1.07143em;
1382         background: #f7f7f7;
1383         border-color: #ddd;
1384         border: 0;
1385         border-left: 1px solid #f1f1f1;
1386         -webkit-border-radius: 0;
1387         border-radius: 0;
1388         color: #555;
1389         font-size: 14px;
1390         line-height: 1.6;
1391 }
1392
1393 .scan-submit:hover,
1394 .scan-submit:focus {
1395         background: #008ec2;
1396         border-color: #006799;
1397         color: #fff;
1398         outline: 0;
1399 }
1400
1401 .scan-submit:active {
1402         background: #0073aa;
1403         border-color: #006799;
1404         color: #fff;
1405 }
1406
1407 .scan-submit:visited {
1408         color: #555;
1409 }
1410
1411 .wrapper {
1412         position: relative;
1413         margin-bottom: 60px;
1414         margin-right: 320px;
1415 }
1416
1417 .wrapper:before,
1418 .wrapper:after {
1419         content: "";
1420         display: table;
1421 }
1422
1423 .wrapper:after {
1424         clear: both;
1425 }
1426
1427 @media (max-width: 900px) {
1428         .wrapper {
1429                 margin: 0;
1430                 width: 100%;
1431         }
1432 }
1433
1434 .editor-wrapper {
1435         overflow: auto;
1436         float: left;
1437         width: 100%;
1438 }
1439
1440 .editor-wrapper:before,
1441 .editor-wrapper:after {
1442         content: "";
1443         display: table;
1444 }
1445
1446 .editor-wrapper:after {
1447         clear: both;
1448 }
1449
1450 .editor {
1451         padding: 0 1.5em 4.75em;
1452         max-width: 700px;
1453         margin: 0 auto;
1454 }
1455
1456 .spinner {
1457         height: 20px;
1458         width: 20px;
1459         display: inline-block;
1460         visibility: hidden;
1461         background: url(../images/spinner.gif) no-repeat center;
1462         -webkit-background-size: 20px 20px;
1463         background-size: 20px 20px;
1464         opacity: 0.7;
1465         filter: alpha(opacity=70);
1466         line-height: 1;
1467         vertical-align: middle;
1468 }
1469
1470 @media print,
1471         (-webkit-min-device-pixel-ratio: 1.25),
1472         (min-resolution: 120dpi) {
1473
1474         .spinner {
1475                 background-image: url(../images/spinner-2x.gif);
1476         }
1477 }
1478
1479 .spinner.is-active {
1480         visibility: visible;
1481 }
1482
1483 /* Make the text inside the editor textarea white. Prevents a "flash" on loading the page */
1484 #pressthis {
1485         color: #fff;
1486 }
1487
1488 @media (min-width: 901px) {
1489         .editor {
1490                 max-width: 760px;
1491         }
1492 }
1493
1494 @media (max-width: 320px) {
1495         .editor {
1496                 padding: 0;
1497         }
1498 }
1499
1500 .post-title,
1501 .post-title-placeholder {
1502         margin: 0;
1503         padding: .83em 0;
1504         width: 100%;
1505         border-bottom: 1px solid #e5e5e5;
1506         font-size: 32px;
1507         line-height: 1.4;
1508         font-weight: 700;
1509 }
1510
1511 .post-title:active,
1512 .post-title:focus,
1513 .post-title-placeholder:active,
1514 .post-title-placeholder:focus {
1515         outline: 0;
1516         -webkit-box-shadow: inset 0px -3px 0 #00a0d2;
1517         box-shadow: inset 0px -3px 0 #00a0d2;
1518         border-color: #00a0d2;
1519 }
1520
1521 @media (max-width: 900px) {
1522         .post-title,
1523         .post-title-placeholder {
1524                 font-size: 24px;
1525         }
1526 }
1527
1528 @media (max-height: 400px) {
1529         .post-title,
1530         .post-title-placeholder {
1531                 padding: 15px 0;
1532                 font-size: 16px;
1533         }
1534 }
1535
1536 @media (max-width: 320px) {
1537         .post-title,
1538         .post-title-placeholder {
1539                 font-size: 16px;
1540                 font-weight: 600;
1541                 padding: 1.14286em 1.42857em;
1542         }
1543 }
1544
1545 .post-title {
1546         /* IE8 fallback */
1547         background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
1548         background: none, none;
1549 }
1550
1551 .post-title:before {
1552         /* Keeps empty container from collapsing */
1553         content: "\a0";
1554         display: inline-block;
1555         width: 0;
1556         speak: none;
1557 }
1558
1559 .post-title-placeholder {
1560         position: absolute;
1561         border: 0;
1562         color: #82878c;
1563         z-index: -1;
1564 }
1565
1566 .post-title-placeholder.is-hidden {
1567         display: none;
1568 }
1569
1570 /* Suggested images */
1571 .media-list-container {
1572         position: relative;
1573         padding: 2px 0;
1574         border-bottom: 1px solid #e5e5e5;
1575         display: none;
1576 }
1577
1578 .media-list-inner-container {
1579         overflow: auto;
1580         max-height: 150px;
1581         max-height: 40vw;
1582 }
1583
1584 .media-list-container.has-media {
1585         display: block;
1586 }
1587
1588 .media-list-inner-container:before,
1589 .media-list-inner-container:after {
1590         content: "";
1591         display: table;
1592 }
1593
1594 .media-list-inner-container:after {
1595         clear: both;
1596 }
1597
1598 .media-list {
1599         margin: 0;
1600         padding: 0;
1601 }
1602
1603 @media (min-width: 321px) {
1604         .media-list-inner-container {
1605                 max-height: 250px;
1606                 max-height: 40vw;
1607         }
1608 }
1609
1610 @media (min-width: 601px) {
1611         .media-list-inner-container {
1612                 max-height: 200px;
1613                 max-height: 18.75vw;
1614         }
1615 }
1616
1617 .wppt-all-media-list {
1618         list-style: none;
1619         margin: 0;
1620         padding: 0;
1621 }
1622
1623 .suggested-media-thumbnail:focus,
1624 .is-embed:focus {
1625         outline: 0;
1626         -webkit-box-shadow: inset 0 0 0 3px #00a0d2;
1627         box-shadow: inset 0 0 0 3px #00a0d2;
1628 }
1629
1630 .suggested-media-thumbnail {
1631         position: relative;
1632         display: block;
1633         float: left;
1634         width: 16.66%;
1635         padding: 16.66% 0 0 16.66%;
1636         background-position: center;
1637         background-repeat: no-repeat;
1638         -webkit-background-size: cover;
1639         background-size: cover;
1640         background-color: #d8d8d8;
1641         color: #fff;
1642         color: rgba(255, 255, 255, 0.6);
1643         cursor: pointer;
1644 }
1645
1646 .suggested-media-thumbnail:hover,
1647 .suggested-media-thumbnail:active,
1648 .suggested-media-thumbnail:focus {
1649         color: #fff;
1650 }
1651
1652 .suggested-media-thumbnail:before,
1653 .suggested-media-thumbnail:after {
1654         display: inline-block;
1655         position: absolute;
1656         font-size: 20px;
1657         line-height: 1;
1658         font-family: dashicons;
1659         text-decoration: inherit;
1660         font-weight: 400;
1661         font-style: normal;
1662         -webkit-transition: color .1s ease-in 0;
1663         transition: color .1s ease-in 0;
1664         -webkit-font-smoothing: antialiased;
1665         -moz-osx-font-smoothing: grayscale;
1666 }
1667
1668 .suggested-media-thumbnail:before {
1669         left: 50%;
1670         top: 50%;
1671         margin: -20px 0 0 -20px;
1672         font-size: 40px;
1673 }
1674
1675 .suggested-media-thumbnail:after {
1676         content: "\f132";
1677         right: 3%;
1678         bottom: 2%;
1679 }
1680
1681 @media (min-width: 601px) {
1682         .suggested-media-thumbnail {
1683                 width: 12.5%;
1684                 padding: 12.5% 0 0 12.5%;
1685         }
1686 }
1687
1688 .is-embed:before {
1689         content: "\f104";
1690         color: #fff;
1691         color: rgba(255, 255, 255, 0.9);
1692 }
1693
1694 .is-embed.is-audio:hover:before,
1695 .is-embed.is-audio:active:before,
1696 .is-embed.is-audio:focus:before,
1697 .is-embed.is-tweet:hover:before,
1698 .is-embed.is-tweet:active:before,
1699 .is-embed.is-tweet:focus:before {
1700         color: #fff;
1701 }
1702
1703 .is-embed.is-video {
1704         background-color: #23282d;
1705 }
1706
1707 .is-embed.is-video:hover:before,
1708 .is-embed.is-video:active:before,
1709 .is-embed.is-video:focus:before {
1710         color: rgba(255, 255, 255, 0.2);
1711 }
1712
1713 .is-embed.is-video:before {
1714         content: "\f236";
1715 }
1716
1717 .is-embed.is-audio {
1718         background-color: #ff7d44;
1719 }
1720
1721 .is-embed.is-audio:before {
1722         content: "\f127";
1723 }
1724
1725 .is-embed.is-tweet {
1726         background-color: #55acee;
1727 }
1728
1729 .is-embed.is-tweet:before {
1730         content: "\f301";
1731 }
1732
1733 .no-media {
1734         margin: 0;
1735         padding: 0;
1736         border: 0;
1737 }
1738
1739 /* Actions bar */
1740 .press-this-actions {
1741         position: fixed;
1742         bottom: 0;
1743         left: 0;
1744         width: 100%;
1745         background: #f1f1f1;
1746         background: rgba(241, 241, 241, 0.9);
1747         border-top: 1px solid #e5e5e5;
1748 }
1749
1750 @media (max-width: 900px) {
1751         .press-this-actions {
1752                 -webkit-transform: translateY(0);
1753                 -ms-transform: translateY(0);
1754                 transform: translateY(0);
1755                 -webkit-transition: -webkit-transform .3s ease-in-out;
1756                 transition: -webkit-transform .3s ease-in-out;
1757                 transition: transform .3s ease-in-out;
1758                 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1759         }
1760         .press-this-actions.is-hidden {
1761                 -webkit-transform: translateY(100%);
1762                 -ms-transform: translateY(100%);
1763                 transform: translateY(100%);
1764         }
1765 }
1766
1767 .add-media {
1768         float: left;
1769         margin: 14px 0 14px 30px;
1770         font-size: 0;
1771 }
1772
1773 @media (max-width: 320px) {
1774         .add-media {
1775                 margin: 10px 0 10px 10px;
1776         }
1777 }
1778
1779 .insert-media {
1780         color: #9ea7af;
1781         float: left;
1782         margin: 0;
1783         padding: 0;
1784         border: 0;
1785         border-right: 1px solid #e5e5e5;
1786         -webkit-border-radius: 0;
1787         border-radius: 0;
1788         background: none;
1789         -webkit-box-shadow: none;
1790         box-shadow: none;
1791         overflow: hidden;
1792 }
1793
1794 .insert-media:hover,
1795 .insert-media:focus,
1796 .insert-media:active {
1797         margin: 0;
1798         background: none;
1799         border-color: #e5e5e5;
1800         color: #23282d;
1801 }
1802
1803 .insert-media:focus,
1804 .insert-media:active {
1805         outline: 0;
1806         color: #00a0d2;
1807         text-decoration: none;
1808 }
1809
1810 .insert-media .dashicons {
1811         padding: 11px;
1812         width: 63px;
1813         height: 58px;
1814         font-size: 40px;
1815 }
1816
1817 @media (max-width: 320px) {
1818         .insert-media .dashicons {
1819                 width: 55px;
1820                 height: 49px;
1821                 padding: 14px;
1822                 font-size: 20px;
1823         }
1824 }
1825
1826 .post-actions {
1827         float: right;
1828         margin: 14px 30px 14px 0;
1829         font-size: 13px;
1830 }
1831
1832 @media (max-width: 320px) {
1833         .post-actions {
1834                 margin: 10px 10px 10px 0;
1835         }
1836 }
1837
1838 .publish-button .saving-draft,
1839 .publish-button.is-saving .publish {
1840         display: none;
1841 }
1842
1843 .publish-button.is-saving .saving-draft {
1844         display: inline;
1845 }
1846
1847 /* TinyMCE styles */
1848 .editor .wp-media-buttons {
1849         float: none;
1850 }
1851
1852 .editor div.mce-toolbar-grp {
1853         padding: 0.71429em 0;
1854         background: none;
1855         border: 0;
1856 }
1857
1858 @media (max-height: 400px), (max-width: 320px) {
1859         .editor div.mce-toolbar-grp {
1860                 padding: 0;
1861         }
1862 }
1863
1864 .mce-stack-layout:before,
1865 .mce-stack-layout:after {
1866         content: "";
1867         display: table;
1868 }
1869
1870 .mce-stack-layout:after {
1871         clear: both;
1872 }
1873
1874 .mce-container.mce-toolbar {
1875         float: left;
1876 }
1877
1878 .mce-container.mce-toolbar:nth-child(2) {
1879         float: right;
1880 }
1881
1882 @media (max-width: 600px) {
1883         .mce-first .mce-btn:nth-child(3),
1884         .mce-first .mce-btn:nth-child(4) {
1885                 position: absolute;
1886                 margin: -1px;
1887                 padding: 0;
1888                 height: 1px;
1889                 width: 1px;
1890                 overflow: hidden;
1891                 clip: rect(0 0 0 0);
1892                 border: 0;
1893         }
1894
1895         .mce-first .mce-btn:nth-child(3):focus,
1896         .mce-first .mce-btn:nth-child(4):focus {
1897                 position: static;
1898                 margin: 1px;
1899                 padding: inherit;
1900                 height: auto;
1901                 width: auto;
1902                 overflow: visible;
1903                 clip: auto;
1904                 border: 1px solid #999;
1905         }
1906 }
1907
1908 #wp-link-wrap {
1909         font-size: 13px;
1910 }
1911
1912 #wp-link-wrap input[type="text"] {
1913         padding: 3px 5px;
1914         margin: 1px;
1915 }
1916
1917 @media screen and (max-width: 782px) {
1918         #wp-link-wrap {
1919                 font-size: 14px;
1920         }
1921
1922         #wp-link-wrap input[type="text"] {
1923                 padding: 6px 10px;
1924         }
1925 }
1926
1927 #wp-link-wrap .howto {
1928         color: #666;
1929         font-style: italic;
1930 }
1931
1932 /* Options panel (sidebar) */
1933 .options-panel {
1934         position: relative;
1935         float: right;
1936         margin-right: -320px;
1937         width: 320px;
1938         border-left: 1px solid #e5e5e5;
1939         font-size: 14px;
1940         /* Keeps background the full height of the screen, but only visually. Clicks go through. */
1941         -webkit-box-shadow: 5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5;
1942         box-shadow: 5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5;
1943         outline: 0;
1944 }
1945
1946 .options-panel-back {
1947         position: absolute;
1948         top: 0;
1949         right: 0;
1950         bottom: 0;
1951         width: 320px;
1952         outline: 0;
1953 }
1954
1955 @media (max-width: 900px) {
1956         .options-panel {
1957                 background: #fff;
1958                 -webkit-transform: translateX(-100%);
1959                 -ms-transform: translateX(-100%);
1960                 transform: translateX(-100%);
1961                 -webkit-transition: -webkit-transform .3s ease-in-out;
1962                 transition: -webkit-transform .3s ease-in-out;
1963                 transition: transform .3s ease-in-out;
1964                 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1965         }
1966
1967         .options-panel.is-hidden {
1968                 visibility: hidden;
1969         }
1970
1971         .options-panel.is-off-screen {
1972                 -webkit-transform: translateX(0);
1973                 -ms-transform: translateX(0);
1974                 transform: translateX(0);
1975         }
1976 }
1977
1978 @media (max-width: 320px) {
1979         .options-panel {
1980                 margin-right: -100%;
1981                 width: 100%;
1982                 border: 0;
1983                 -webkit-box-shadow: 5001px 5000px 0 5000px #fff;
1984                 box-shadow: 5001px 5000px 0 5000px #fff;
1985         }
1986
1987         .options-panel-back {
1988                 width: 100%;
1989         }
1990 }
1991
1992 .post-options {
1993         background: #fff;
1994         position: absolute;
1995         right: 0;
1996         width: 100%;
1997         overflow-x: hidden;
1998 }
1999
2000 .post-options .post-option-contents {
2001         margin-left: 3px;
2002         color: #32373c;
2003 }
2004
2005 .post-option-forward:before {
2006         position: absolute;
2007         top: 50%;
2008         right: 8px;
2009         margin-top: -10px;
2010         content: "\f345"
2011 }
2012
2013 .post-option-back:before {
2014         content: "\f341";
2015 }
2016
2017 .lt-ie9 .options-panel,
2018 .lt-ie9 .post-options {
2019         border-left: 1px solid #e5e5e5;
2020 }
2021
2022 .lt-ie9 .post-options.is-off-screen {
2023         border: 0;
2024 }
2025
2026 .post-option {
2027         position: relative;
2028 }
2029
2030 .post-options .post-option {
2031         display: block;
2032         width: 100%;
2033         padding: 13px 37px 13px 14px;
2034         border-bottom: 1px solid #e5e5e5;
2035         text-decoration: none;
2036         text-align: left;
2037         color: #9ea7af;
2038         text-overflow: ellipsis;
2039         white-space: nowrap;
2040         overflow: hidden;
2041         -webkit-transition: -webkit-transform .3s ease-in-out;
2042         transition: -webkit-transform .3s ease-in-out;
2043         transition: transform .3s ease-in-out;
2044         transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2045 }
2046
2047 .post-options .post-option:focus {
2048         outline: 0;
2049         -webkit-box-shadow: inset 5px 0 0 #00a0d2;
2050         box-shadow: inset 5px 0 0 #00a0d2;
2051         border-color: #e5e5e5;
2052 }
2053
2054 .is-off-screen > .post-option {
2055         right: 100%;
2056 }
2057
2058 .is-hidden > .post-option {
2059         visibility: hidden;
2060 }
2061
2062 @media (min-width: 1px) {
2063         .is-off-screen > .post-option {
2064                 right: auto;
2065                 -webkit-transform: translateX(-100%);
2066                 -ms-transform: translateX(-100%);
2067                 transform: translateX(-100%);
2068         }
2069 }
2070
2071 .post-option-title {
2072         display: inline-block;
2073         margin: 0 0 0 8px;
2074         font-size: 14px;
2075         font-weight: 400;
2076 }
2077
2078 .setting-modal {
2079         position: relative;
2080         top: 0;
2081         left: 0;
2082         width: 100%;
2083         overflow: hidden;
2084         -webkit-transition: -webkit-transform .3s ease-in-out;
2085         transition: -webkit-transform .3s ease-in-out;
2086         transition: transform .3s ease-in-out;
2087         transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2088 }
2089
2090 .setting-modal.is-hidden {
2091         visibility: hidden;
2092         height: 0;
2093 }
2094
2095 .setting-modal.is-off-screen {
2096         left: 100%;
2097 }
2098
2099 @media (min-width: 1px) {
2100         .setting-modal.is-off-screen {
2101                 left: 0;
2102                 -webkit-transform: translateX(100%);
2103                 -ms-transform: translateX(100%);
2104                 transform: translateX(100%);
2105         }
2106 }
2107
2108 .press-this .modal-close {
2109         display: block;
2110         width: 100%;
2111         padding: 13px 14px;
2112         border-bottom: 1px solid #e5e5e5;
2113         color: #00a0d2;
2114         text-decoration: none;
2115         text-align: left;
2116 }
2117
2118 .press-this .modal-close:focus {
2119         outline: 0;
2120         -webkit-box-shadow: inset 5px 0 0 #00a0d2;
2121         box-shadow: inset 5px 0 0 #00a0d2;
2122         border-color: #e5e5e5;
2123 }
2124
2125 .setting-title {
2126         position: relative;
2127         top: -1px;
2128         margin-left: 11px;
2129 }
2130
2131 /* Text editor */
2132 #pressthis {
2133         color: #404040;
2134         resize: none;
2135         padding-top: 30px;
2136         font-size: 16px;
2137 }
2138
2139 .wp-editor-wrap .quicktags-toolbar {
2140         background: transparent;
2141         border: none;
2142 }
2143
2144 /* Switch editor buttons */
2145 .wp-editor-wrap .wp-editor-tools {
2146         z-index: 0;
2147 }
2148
2149 .wp-editor-wrap .wp-editor-tabs {
2150         padding: 2px;
2151 }
2152
2153 .wp-editor-wrap .wp-switch-editor {
2154         top: 0;
2155         margin: 3px 0 0 5px;
2156         padding: 3px 8px;
2157         background: #f5f5f5;
2158         color: #555;
2159         border-color: #ccc;
2160 }
2161
2162 .wp-editor-wrap .wp-switch-editor:hover {
2163         background: #fafafa;
2164         border-color: #999;
2165         color: #23282d;
2166 }
2167
2168 .wp-editor-wrap.tmce-active .switch-tmce,
2169 .wp-editor-wrap.html-active .switch-html {
2170         background: #fff;
2171         border-color: #d8d8d8;
2172 }
2173
2174 /* Inline link dialog */
2175 .wp-link-input input {
2176         border: 1px solid #ddd;
2177     -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
2178     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
2179     background-color: #fff;
2180     color: #32373c;
2181     outline: none;
2182     -webkit-transition: 0.05s border-color ease-in-out;
2183     transition: 0.05s border-color ease-in-out;
2184 }
2185
2186 /* UI Autocomplete (for inline link and wpLink) */
2187 .ui-autocomplete {
2188         padding: 0;
2189         margin: 0;
2190         list-style: none;
2191         position: absolute;
2192         z-index: 10000;
2193         border: 1px solid #5b9dd9;
2194         -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
2195         box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
2196         background-color: #fff;
2197 }
2198
2199 .ui-autocomplete li {
2200         margin-bottom: 0;
2201         padding: 4px 10px;
2202         white-space: nowrap;
2203         text-align: left;
2204 }
2205
2206 .ui-autocomplete li.ui-state-focus {
2207         background-color: #ddd;
2208         cursor: pointer;
2209 }