wp-admin/css/edit.css

   1 #poststuff {
   2         padding-top: 10px;
   3         min-width: 763px;
   4 }
   5
   6 #poststuff #post-body {
   7         padding: 0;
   8 }
   9
  10 #poststuff .postbox-container {
  11         width: 100%;
  12 }
  13
  14 #poststuff #post-body.columns-2 {
  15         margin-right: 300px;
  16 }
  17
  18 /*------------------------------------------------------------------------------
  19   11.0 - Write/Edit Post Screen
  20 ------------------------------------------------------------------------------*/
  21
  22 #show-comments {
  23         overflow: hidden;
  24 }
  25
  26 #save-action .spinner,
  27 #show-comments a {
  28         float: left;
  29 }
  30
  31 #show-comments .spinner {
  32         float: none;
  33         margin-top: 0;
  34 }
  35
  36 #lost-connection-notice .spinner {
  37         visibility: visible;
  38         float: left;
  39         margin: 0 5px 0 0;
  40 }
  41
  42 #titlediv {
  43         position: relative;
  44 }
  45
  46 #titlediv label {
  47         cursor: text;
  48 }
  49
  50 #titlediv div.inside {
  51         margin: 0;
  52 }
  53
  54 #poststuff #titlewrap {
  55         border: 0;
  56         padding: 0;
  57 }
  58
  59 #titlediv #title {
  60         padding: 3px 8px;
  61         font-size: 1.7em;
  62         line-height: 100%;
  63         height: 1.7em;
  64         width: 100%;
  65         outline: none;
  66         margin: 0 0 3px;
  67         background-color: #fff;
  68 }
  69
  70 #titlediv #title-prompt-text {
  71         color: #777;
  72         position: absolute;
  73         font-size: 1.7em;
  74         padding: 11px 10px;
  75 }
  76
  77 #poststuff .inside-submitbox,
  78 #side-sortables .inside-submitbox {
  79         margin: 0 3px;
  80         font-size: 11px;
  81 }
  82
  83 input#link_description,
  84 input#link_url {
  85         width: 98%;
  86 }
  87
  88 #pending {
  89         background: 0 none;
  90         border: 0 none;
  91         padding: 0;
  92         font-size: 11px;
  93         margin-top: -1px;
  94 }
  95
  96 #edit-slug-box,
  97 #comment-link-box {
  98         line-height: 24px;
  99         min-height: 25px; /* Yes, line-height + 1 */
 100         margin-top: 5px;
 101         padding: 0 10px;
 102         color: #666;
 103 }
 104
 105 #edit-slug-box .cancel {
 106         margin-right: 10px;
 107         padding: 0;
 108         font-size: 11px;
 109         text-decoration: underline;
 110         color: #0073aa;
 111 }
 112
 113 #comment-link-box {
 114         margin: 5px 0;
 115         padding: 0 5px;
 116 }
 117
 118 #editable-post-name-full {
 119         display: none;
 120 }
 121
 122 #editable-post-name {
 123         font-weight: bold;
 124 }
 125
 126 #editable-post-name input {
 127         font-size: 13px;
 128         font-weight: normal;
 129         height: 22px;
 130         margin: 0;
 131         width: 16em;
 132 }
 133
 134 .postarea h3 label {
 135         float: left;
 136 }
 137
 138 .submitbox .submit {
 139         text-align: left;
 140         padding: 12px 10px 10px;
 141         font-size: 11px;
 142         background-color: #464646;
 143         color: #ccc;
 144 }
 145
 146 .submitbox .submitdelete {
 147         text-decoration: none;
 148         padding: 1px 2px;
 149 }
 150
 151 /* @todo: do we really need this? word on the street is we don't and this
 152 stray rule may actually be compensated for elsewhere. */
 153 #normal-sortables .submitbox .submitdelete:hover {
 154         color: #000;
 155         background-color: #f00;
 156         border-bottom-color: #f00;
 157 }
 158
 159 .submitbox .submit a:hover {
 160         text-decoration: underline;
 161 }
 162
 163 .submitbox .submit input {
 164         margin-bottom: 8px;
 165         margin-right: 4px;
 166         padding: 6px;
 167 }
 168
 169 .inside-submitbox #post_status {
 170         margin: 2px 0 2px -2px;
 171 }
 172
 173 #post-status-select {
 174         margin-top: 3px;
 175 }
 176
 177 /* Post Screen */
 178 #post-body #normal-sortables {
 179         min-height: 50px;
 180 }
 181
 182 .postbox {
 183         position: relative;
 184         min-width: 255px;
 185         border: 1px solid #e5e5e5;
 186         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 187         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 188         background: #fff;
 189 }
 190
 191 #trackback_url {
 192         width: 99%;
 193 }
 194
 195 #normal-sortables .postbox .submit {
 196         background: transparent none;
 197         border: 0 none;
 198         float: right;
 199         padding: 0 12px;
 200         margin:0;
 201 }
 202
 203 .category-add input[type="text"],
 204 .category-add select {
 205         width: 100%;
 206         max-width: 260px;
 207         vertical-align: baseline;
 208 }
 209
 210 #side-sortables .category-add input[type="text"],
 211 #side-sortables .category-add select {
 212         margin: 0 0 1em;
 213 }
 214
 215 ul.category-tabs li,
 216 #side-sortables .add-menu-item-tabs li,
 217 .wp-tab-bar li {
 218         display: inline;
 219         line-height: 1.35em;
 220 }
 221
 222 .no-js .category-tabs li.hide-if-no-js {
 223         display: none;
 224 }
 225
 226 .category-tabs a,
 227 #side-sortables .add-menu-item-tabs a,
 228 .wp-tab-bar a {
 229         text-decoration: none;
 230 }
 231
 232 /* @todo: do these really need to be so specific? */
 233 #side-sortables .category-tabs .tabs a,
 234 #side-sortables .add-menu-item-tabs .tabs a,
 235 .wp-tab-bar .wp-tab-active a,
 236 #post-body ul.category-tabs li.tabs a,
 237 #post-body ul.add-menu-item-tabs li.tabs a {
 238         color: #32373c;
 239 }
 240
 241 .category-tabs {
 242         margin: 8px 0 5px;
 243 }
 244
 245 /* Back-compat for pre-4.4 */
 246 #category-adder h4 {
 247     margin: 0;
 248 }
 249
 250 .taxonomy-add-new {
 251         display: inline-block;
 252         margin: 10px 0;
 253         font-weight: 600;
 254 }
 255
 256 #side-sortables .add-menu-item-tabs,
 257 .wp-tab-bar {
 258         margin-bottom: 3px;
 259 }
 260
 261 #normal-sortables .postbox #replyrow .submit {
 262         float: none;
 263         margin: 0;
 264         padding: 5px 7px 10px;
 265         overflow: hidden;
 266 }
 267
 268 #side-sortables .submitbox .submit input,
 269 #side-sortables .submitbox .submit .preview,
 270 #side-sortables .submitbox .submit a.preview:hover {
 271         border: 0 none;
 272 }
 273
 274 #side-sortables .inside-submitbox .insidebox,
 275 .stuffbox .insidebox {
 276         margin: 11px 0;
 277 }
 278
 279 /* @todo: make this a more generic class */
 280 ul.category-tabs,
 281 ul.add-menu-item-tabs,
 282 ul.wp-tab-bar {
 283         margin-top: 12px;
 284 }
 285
 286 ul.category-tabs li,
 287 ul.add-menu-item-tabs li {
 288         border: solid 1px transparent;
 289         position: relative;
 290 }
 291
 292 ul.category-tabs li.tabs,
 293 ul.add-menu-item-tabs li.tabs,
 294 .wp-tab-active {
 295         border: 1px solid #dfdfdf;
 296         border-bottom-color: #fdfdfd;
 297         background-color: #fdfdfd;
 298 }
 299
 300 ul.category-tabs li,
 301 ul.add-menu-item-tabs li,
 302 ul.wp-tab-bar li {
 303         padding: 3px 5px 5px;
 304 }
 305
 306 #postimagediv .inside img {
 307         max-width: 100%;
 308         height: auto;
 309         width: auto;
 310         background-image: -webkit-linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), -webkit-linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
 311         background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
 312         background-position: 0 0, 10px 10px;
 313         -webkit-background-size: 20px 20px;
 314         background-size: 20px 20px;
 315 }
 316
 317 form#tags-filter {
 318         position: relative;
 319 }
 320
 321 /* Global classes */
 322 .wp-hidden-children .wp-hidden-child,
 323 .ui-tabs-hide {
 324         display: none;
 325 }
 326
 327 #post-body .tagsdiv #newtag {
 328         margin-right: 5px;
 329         width: 16em;
 330 }
 331
 332 #side-sortables input#post_password {
 333         width: 94%
 334 }
 335
 336 #side-sortables .tagsdiv #newtag {
 337         width: 68%;
 338 }
 339
 340 #post-status-info {
 341         width: 100%;
 342         border-spacing: 0;
 343         border: 1px solid #e5e5e5;
 344         border-top: none;
 345         background-color: #f7f7f7;
 346         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 347         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 348         z-index: 999;
 349 }
 350
 351 #post-status-info td {
 352         font-size: 12px;
 353 }
 354
 355 .autosave-info {
 356         padding: 2px 10px;
 357         text-align: right;
 358 }
 359
 360 #editorcontent #post-status-info {
 361         border: none;
 362 }
 363
 364 #content-resize-handle {
 365         background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
 366         width: 12px;
 367         cursor: row-resize;
 368 }
 369
 370 .rtl #content-resize-handle {
 371         background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
 372 }
 373
 374 .wp-editor-expand #content-resize-handle {
 375         display: none;
 376 }
 377
 378 #postdivrich #content {
 379         resize: none;
 380 }
 381
 382 #wp-word-count {
 383         display: block;
 384         padding: 2px 10px;
 385 }
 386
 387 #wp-content-editor-container {
 388         position: relative;
 389 }
 390
 391 #content-textarea-clone {
 392         z-index: -1;
 393         position: absolute;
 394         top: 0;
 395         visibility: hidden;
 396         overflow: hidden;
 397         max-width: 100%;
 398         border: 1px solid transparent;
 399 }
 400
 401 .wp-editor-expand #wp-content-editor-tools {
 402         z-index: 1000;
 403         border-bottom: 1px solid #e5e5e5;
 404 }
 405
 406 .wp-editor-expand #wp-content-editor-container {
 407         -webkit-box-shadow: none;
 408         box-shadow: none;
 409         margin-top: -1px;
 410 }
 411
 412 .wp-editor-expand #wp-content-editor-container {
 413         border-bottom: 0 none;
 414 }
 415
 416 .wp-editor-expand div.mce-statusbar {
 417         z-index: 1;
 418 }
 419
 420 .wp-editor-expand #post-status-info {
 421         border-top: 1px solid #e5e5e5;
 422 }
 423
 424 .wp-editor-expand div.mce-toolbar-grp {
 425         z-index: 999;
 426 }
 427
 428 /* TinyMCE native fullscreen mode override */
 429 .mce-fullscreen #wp-content-wrap .mce-menubar,
 430 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
 431 .mce-fullscreen #wp-content-wrap .mce-edit-area,
 432 .mce-fullscreen #wp-content-wrap .mce-statusbar {
 433         position: static !important;
 434         width: auto !important;
 435         padding: 0 !important;
 436 }
 437
 438 .mce-fullscreen #wp-content-wrap .mce-statusbar {
 439         visibility: visible !important;
 440 }
 441
 442 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
 443         display: none;
 444 }
 445
 446 .post-php.mce-fullscreen #wpadminbar,
 447 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
 448         display: none;
 449 }
 450 /* End TinyMCE native fullscreen mode override */
 451
 452 #wp-content-editor-tools {
 453         background-color: #f1f1f1;
 454         padding-top: 20px;
 455 }
 456
 457 #poststuff #post-body.columns-2 #side-sortables {
 458         width: 280px;
 459 }
 460
 461 #timestampdiv select {
 462         height: 21px;
 463         line-height: 14px;
 464         padding: 0;
 465         vertical-align: top;
 466         font-size: 12px;
 467 }
 468
 469 #aa, #jj, #hh, #mn {
 470         padding: 1px;
 471         font-size: 12px;
 472 }
 473
 474 #jj, #hh, #mn {
 475         width: 2em;
 476 }
 477
 478 #aa {
 479         width: 3.4em;
 480 }
 481
 482 .curtime #timestamp {
 483         padding: 2px 0 1px 0;
 484         display: inline !important;
 485         height: auto !important;
 486 }
 487
 488 #misc-publishing-actions label[for="post_status"]:before,
 489 #post-body #visibility:before,
 490 .curtime #timestamp:before,
 491 #post-body .misc-pub-revisions:before,
 492 span.wp-media-buttons-icon:before {
 493         color: #82878c;
 494 }
 495
 496 #post-body #visibility:before,
 497 .curtime #timestamp:before,
 498 #post-body .misc-pub-revisions:before {
 499         font: normal 20px/1 dashicons;
 500         speak: none;
 501         display: inline-block;
 502         padding: 0 2px 0 0;
 503         top: 0;
 504         left: -1px;
 505         position: relative;
 506         vertical-align: top;
 507         -webkit-font-smoothing: antialiased;
 508         -moz-osx-font-smoothing: grayscale;
 509         text-decoration: none !important;
 510 }
 511
 512 #post-body #visibility:before {
 513         content: "\f177";
 514 }
 515
 516 .curtime #timestamp:before {
 517         content: "\f145";
 518         top: -1px;
 519 }
 520
 521 #post-body .misc-pub-revisions:before {
 522         content: "\f321";
 523 }
 524
 525 #timestampdiv {
 526         padding-top: 5px;
 527         line-height: 23px;
 528 }
 529
 530 #timestampdiv p {
 531         margin: 8px 0 6px;
 532 }
 533
 534 #timestampdiv input {
 535         border-width: 1px;
 536         border-style: solid;
 537 }
 538
 539 .notification-dialog {
 540         position: fixed;
 541         top: 30%;
 542         max-height: 70%;
 543         left: 50%;
 544         width: 450px;
 545         margin-left: -225px;
 546         background: #fff;
 547         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 548         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 549         line-height: 1.5;
 550         z-index: 1000005;
 551         overflow-y: auto;
 552 }
 553
 554 .notification-dialog-background {
 555         position: fixed;
 556         top: 0;
 557         left: 0;
 558         right: 0;
 559         bottom: 0;
 560         background: #000;
 561         opacity: 0.7;
 562         filter: alpha(opacity=70);
 563         z-index: 1000000;
 564 }
 565
 566 #post-lock-dialog .post-locked-message,
 567 #post-lock-dialog .post-taken-over {
 568         margin: 25px;
 569 }
 570
 571 #post-lock-dialog .post-locked-message a.button {
 572         margin-right: 10px;
 573 }
 574
 575 #post-lock-dialog .post-locked-avatar {
 576         float: left;
 577         margin: 0 20px 20px 0;
 578 }
 579
 580 #post-lock-dialog .wp-tab-first {
 581         outline: 0;
 582 }
 583
 584 #post-lock-dialog .locked-saving img {
 585         float: left;
 586         margin-right: 3px;
 587 }
 588
 589 #post-lock-dialog.saving .locked-saving,
 590 #post-lock-dialog.saved .locked-saved {
 591         display: inline;
 592 }
 593
 594 #excerpt {
 595         display: block;
 596         margin: 12px 0 0;
 597         height: 4em;
 598         width: 100%;
 599 }
 600
 601 .tagchecklist {
 602         margin-left: 14px;
 603         font-size: 12px;
 604         overflow: auto;
 605 }
 606
 607 .tagchecklist br {
 608         display: none;
 609 }
 610
 611 .tagchecklist strong {
 612         margin-left: -8px;
 613         position: absolute;
 614 }
 615
 616 .tagchecklist span {
 617         margin-right: 25px;
 618         display: block;
 619         float: left;
 620         font-size: 13px;
 621         line-height: 1.8em;
 622         cursor: default;
 623         max-width: 100%;
 624         overflow: hidden;
 625         text-overflow: ellipsis;
 626 }
 627
 628 .tagchecklist span a {
 629         margin: 1px 0 0 -17px;
 630         cursor: pointer;
 631         width: 20px;
 632         height: 20px;
 633         display: block;
 634         float: left;
 635         text-indent: 0;
 636         overflow: hidden;
 637         position: absolute;
 638 }
 639
 640 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
 641 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
 642 #poststuff h2 {
 643         font-size: 14px;
 644         padding: 8px 12px;
 645         margin: 0;
 646         line-height: 1.4;
 647 }
 648
 649 #poststuff .inside {
 650         margin: 6px 0 0 0;
 651 }
 652
 653 #poststuff .inside #parent_id,
 654 #poststuff .inside #page_template {
 655         max-width: 100%;
 656 }
 657
 658 #poststuff .inside label.spam,
 659 #poststuff .inside label.deleted {
 660         color: red;
 661 }
 662
 663 #poststuff .inside label.waiting {
 664         color: orange;
 665 }
 666
 667 #poststuff .inside label.approved {
 668         color: green;
 669 }
 670
 671 .ie8 #poststuff .inside #parent_id,
 672 .ie8 #poststuff .inside #page_template {
 673         width: 250px;
 674 }
 675
 676 #post-visibility-select {
 677         line-height: 1.5em;
 678         margin-top: 3px;
 679 }
 680
 681 #poststuff #submitdiv .inside {
 682         margin: 0;
 683         padding: 0;
 684 }
 685
 686 #post-body-content,
 687 .edit-form-section {
 688         margin-bottom: 20px;
 689 }
 690
 691 /*------------------------------------------------------------------------------
 692   11.1 - Custom Fields
 693 ------------------------------------------------------------------------------*/
 694
 695 #postcustomstuff thead th {
 696         padding: 5px 8px 8px;
 697         background-color: #f1f1f1;
 698 }
 699
 700 #postcustom #postcustomstuff .submit {
 701         border: 0 none;
 702         float: none;
 703         padding: 0 8px 8px;
 704 }
 705
 706 #side-sortables #postcustom #postcustomstuff .submit {
 707         margin: 0;
 708         padding: 0;
 709 }
 710
 711 #side-sortables #postcustom #postcustomstuff #the-list textarea {
 712         height: 85px;
 713 }
 714
 715 #side-sortables #postcustom #postcustomstuff td.left input,
 716 #side-sortables #postcustom #postcustomstuff td.left select,
 717 #side-sortables #postcustomstuff #newmetaleft a {
 718         margin: 3px 3px 0;
 719 }
 720
 721 #postcustomstuff table {
 722         margin: 0;
 723         width: 100%;
 724         border: 1px solid #dfdfdf;
 725         border-spacing: 0;
 726         background-color: #f9f9f9;
 727 }
 728
 729 #postcustomstuff tr {
 730         vertical-align: top;
 731 }
 732
 733 #postcustomstuff table input,
 734 #postcustomstuff table select,
 735 #postcustomstuff table textarea {
 736         width: 96%;
 737         margin: 8px;
 738 }
 739
 740 #side-sortables #postcustomstuff table input,
 741 #side-sortables #postcustomstuff table select,
 742 #side-sortables #postcustomstuff table textarea {
 743         margin: 3px;
 744 }
 745
 746 #postcustomstuff th.left,
 747 #postcustomstuff td.left {
 748         width: 38%;
 749 }
 750
 751 #postcustomstuff .submit input {
 752         margin: 0;
 753         width: auto;
 754 }
 755
 756 #postcustomstuff #newmetaleft a {
 757         display: inline-block;
 758         margin: 0 8px 8px;
 759         text-decoration: none;
 760 }
 761
 762 .no-js #postcustomstuff #enternew {
 763         display: none;
 764 }
 765
 766 #post-body-content .compat-attachment-fields {
 767         margin-bottom: 20px;
 768 }
 769
 770 .compat-attachment-fields th {
 771         padding-top: 5px;
 772         padding-right: 10px;
 773 }
 774
 775 /*------------------------------------------------------------------------------
 776   11.3 - Featured Images
 777 ------------------------------------------------------------------------------*/
 778
 779 #select-featured-image {
 780         padding: 4px 0;
 781         overflow: hidden;
 782 }
 783
 784 #select-featured-image img {
 785         max-width: 100%;
 786         height: auto;
 787         margin-bottom: 10px;
 788 }
 789
 790 #select-featured-image a {
 791         float: left;
 792         clear: both;
 793 }
 794
 795 #select-featured-image .remove {
 796         display: none;
 797         margin-top: 10px;
 798 }
 799
 800 .js #select-featured-image.has-featured-image .remove {
 801         display: inline-block;
 802 }
 803
 804 .no-js #select-featured-image .choose {
 805         display: none;
 806 }
 807
 808 /*------------------------------------------------------------------------------
 809   11.4 - Post formats
 810 ------------------------------------------------------------------------------*/
 811
 812 .post-state-format {
 813         overflow: hidden;
 814         display: inline-block;
 815         vertical-align: middle;
 816         height: 20px;
 817         width: 20px;
 818         margin-right: 5px;
 819         margin-top: -4px;
 820 }
 821
 822 .post-state-format:before {
 823         display: block;
 824         height: 20px;
 825         width: 20px;
 826         font: normal 20px/1 dashicons !important;
 827         speak: none;
 828         -webkit-font-smoothing: antialiased;
 829         -moz-osx-font-smoothing: grayscale;
 830 }
 831
 832 .post-state-format:before,
 833 .post-format-icon:before {
 834         color: #ddd;
 835         -webkit-transition: all .1s ease-in-out;
 836         transition: all .1s ease-in-out;
 837 }
 838
 839 a.post-state-format:hover:before,
 840 a.post-format-icon:hover:before {
 841         color: #00a0d2;
 842 }
 843
 844 #post-formats-select {
 845         line-height: 2em;
 846 }
 847
 848 #post-formats-select .post-format-icon:before {
 849         top: 5px;
 850 }
 851
 852 input.post-format {
 853         margin-top: 1px;
 854 }
 855
 856 label.post-format-icon {
 857         margin-left: 0px;
 858         padding: 2px 0 2px 0px;
 859 }
 860
 861 .post-format-icon:before {
 862         position: relative;
 863         display: inline-block;
 864         margin-right: 7px;
 865         font: normal 20px/1 dashicons;
 866         speak: none;
 867         -webkit-font-smoothing: antialiased;
 868         -moz-osx-font-smoothing: grayscale;
 869 }
 870
 871 .post-state-format.post-format-standard:before,
 872 .post-format-icon.post-format-standard:before,
 873 a.post-state-format.format-standard:before {
 874         content: "\f109";
 875 }
 876
 877 .post-state-format.post-format-image:before,
 878 .post-format-icon.post-format-image:before,
 879 a.post-state-format.format-image:before {
 880         content: "\f128";
 881 }
 882
 883 .post-state-format.post-format-gallery:before,
 884 .post-format-icon.post-format-gallery:before,
 885 a.post-state-format.format-gallery:before {
 886         content: "\f161";
 887 }
 888
 889 .post-state-format.post-format-audio:before,
 890 .post-format-icon.post-format-audio:before,
 891 a.post-state-format.format-audio:before {
 892         content: "\f127";
 893 }
 894
 895 .post-state-format.post-format-video:before,
 896 .post-format-icon.post-format-video:before,
 897 a.post-state-format.format-video:before {
 898         content: "\f126";
 899 }
 900
 901 .post-state-format.post-format-chat:before,
 902 .post-format-icon.post-format-chat:before,
 903 a.post-state-format.format-chat:before {
 904         content: "\f125";
 905 }
 906
 907 .post-state-format.post-format-status:before,
 908 .post-format-icon.post-format-status:before,
 909 a.post-state-format.format-status:before {
 910         content: "\f130";
 911 }
 912
 913 .post-state-format.post-format-aside:before,
 914 .post-format-icon.post-format-aside:before,
 915 a.post-state-format.format-aside:before {
 916         content: "\f123";
 917 }
 918
 919 .post-state-format.post-format-quote:before,
 920 .post-format-icon.post-format-quote:before,
 921 a.post-state-format.format-quote:before {
 922         content: "\f122";
 923 }
 924
 925 .post-state-format.post-format-link:before,
 926 .post-format-icon.post-format-link:before,
 927 a.post-state-format.format-link:before {
 928         content: "\f103";
 929 }
 930
 931 /*------------------------------------------------------------------------------
 932   12.0 - Categories
 933 ------------------------------------------------------------------------------*/
 934
 935 .category-adder {
 936         margin-left: 120px;
 937         padding: 4px 0;
 938 }
 939
 940 .category-adder h4 {
 941         margin: 0 0 8px;
 942 }
 943
 944 #side-sortables .category-adder {
 945         margin: 0;
 946 }
 947
 948 .wp-tab-panel,
 949 .categorydiv div.tabs-panel,
 950 .customlinkdiv div.tabs-panel,
 951 .posttypediv div.tabs-panel,
 952 .taxonomydiv div.tabs-panel {
 953         min-height: 42px;
 954         max-height: 200px;
 955         overflow: auto;
 956         padding: 0 0.9em;
 957         border: solid 1px #dfdfdf;
 958         background-color: #fdfdfd;
 959 }
 960
 961 div.tabs-panel-active {
 962         display:block;
 963 }
 964
 965 div.tabs-panel-inactive {
 966         display:none;
 967 }
 968
 969 #front-page-warning,
 970 #front-static-pages ul,
 971 ul.export-filters,
 972 .inline-editor ul.cat-checklist ul,
 973 .categorydiv ul.categorychecklist ul,
 974 .customlinkdiv ul.categorychecklist ul,
 975 .posttypediv ul.categorychecklist ul,
 976 .taxonomydiv ul.categorychecklist ul {
 977         margin-left: 18px;
 978 }
 979
 980 ul.categorychecklist li {
 981         margin: 0;
 982         padding: 0;
 983         line-height: 22px;
 984         word-wrap: break-word;
 985 }
 986
 987 .categorydiv .tabs-panel,
 988 .customlinkdiv .tabs-panel,
 989 .posttypediv .tabs-panel,
 990 .taxonomydiv .tabs-panel {
 991         border-width: 3px;
 992         border-style: solid;
 993 }
 994
 995 .form-wrap p,
 996 .form-wrap label {
 997         font-size: 11px;
 998 }
 999
1000 .form-wrap label {
1001         display: block;
1002         padding: 2px;
1003         font-size: 12px;
1004 }
1005
1006 .form-field input[type="text"],
1007 .form-field input[type="password"],
1008 .form-field input[type="email"],
1009 .form-field input[type="number"],
1010 .form-field input[type="search"],
1011 .form-field input[type="tel"],
1012 .form-field input[type="url"],
1013 .form-field textarea {
1014         border-style: solid;
1015         border-width: 1px;
1016         width: 95%;
1017 }
1018
1019 p.description,
1020 .form-wrap p {
1021         margin: 2px 0 5px;
1022         color: #666;
1023 }
1024
1025 p.help,
1026 p.description,
1027 span.description,
1028 .form-wrap p {
1029         font-size: 13px;
1030         font-style: italic;
1031 }
1032
1033 .form-wrap .form-field {
1034         margin: 0 0 10px;
1035         padding: 8px 0;
1036 }
1037
1038 .form-wrap .form-field #parent {
1039         max-width: 100%;
1040 }
1041
1042 .col-wrap h2 {
1043         margin: 12px 0;
1044         font-size: 1.1em;
1045 }
1046
1047 .col-wrap p.submit {
1048         margin-top: -10px;
1049 }
1050
1051
1052 /*------------------------------------------------------------------------------
1053   13.0 - Tags
1054 ------------------------------------------------------------------------------*/
1055
1056 #poststuff .tagsdiv .howto {
1057         margin: 0 0 6px 0;
1058 }
1059
1060 .ajaxtag .newtag {
1061         position: relative;
1062 }
1063
1064 .tagsdiv .newtag {
1065         width: 180px;
1066 }
1067
1068 .tagsdiv .the-tags {
1069         display: block;
1070         height: 60px;
1071         margin: 0 auto;
1072         overflow: auto;
1073         width: 260px;
1074 }
1075
1076 #post-body-content .tagsdiv .the-tags {
1077         margin: 0 5px;
1078 }
1079
1080 p.popular-tags {
1081         border: none;
1082         line-height: 2em;
1083         padding: 8px 12px 12px;
1084         text-align: justify;
1085 }
1086
1087 p.popular-tags a {
1088         padding: 0 3px;
1089 }
1090
1091 .tagcloud {
1092         width: 97%;
1093         margin: 0 0 40px;
1094         text-align: justify;
1095 }
1096
1097 .tagcloud h2 {
1098         margin: 2px 0 12px;
1099 }
1100
1101 .ac_results {
1102         padding: 0;
1103         margin: 0;
1104         list-style: none;
1105         position: absolute;
1106         z-index: 10000;
1107         display: none;
1108         border: 1px solid #808080;
1109         background-color: #fff;
1110 }
1111
1112 .wp-customizer .ac_results {
1113         z-index: 500000;
1114 }
1115
1116 .ac_results li {
1117         padding: 2px 5px;
1118         white-space: nowrap;
1119         color: #101010;
1120         text-align: left;
1121 }
1122
1123 .ac_over {
1124         background-color: #f0f0b8;
1125         cursor: pointer;
1126 }
1127
1128 .ac_match {
1129         text-decoration: underline;
1130 }
1131
1132 /* Comments */
1133
1134 .comment-php .wp-editor-area {
1135         height: 200px;
1136 }
1137
1138 .comment-ays th,
1139 .comment-ays td {
1140         padding: 10px 15px;
1141 }
1142
1143 .comment-ays-submit .button-cancel {
1144         margin-left: 1em;
1145 }
1146
1147 .trash-undo-inside,
1148 .spam-undo-inside {
1149         margin: 1px 8px 1px 0;
1150         line-height: 16px;
1151 }
1152
1153 .spam-undo-inside .avatar,
1154 .trash-undo-inside .avatar {
1155         height: 20px;
1156         width: 20px;
1157         margin-right: 8px;
1158         vertical-align: middle;
1159 }
1160
1161 .stuffbox .editcomment {
1162         clear: none;
1163 }
1164
1165 #comment-status-radio p {
1166         margin: 3px 0 5px;
1167 }
1168
1169 #comment-status-radio input {
1170         margin: 2px 3px 5px 0;
1171         vertical-align: middle;
1172 }
1173
1174 #comment-status-radio label {
1175         padding: 5px 0;
1176 }
1177
1178 /* links tables */
1179 table.links-table {
1180         width: 100%;
1181         border-spacing: 0;
1182 }
1183
1184 .links-table th {
1185         font-weight: normal;
1186         text-align: left;
1187         vertical-align: top;
1188         min-width: 80px;
1189         width: 20%;
1190         word-wrap: break-word;
1191 }
1192
1193 .links-table th,
1194 .links-table td {
1195         padding: 5px 0;
1196 }
1197
1198 .links-table td label {
1199         margin-right: 8px;
1200 }
1201
1202 .links-table td input[type="text"],
1203 .links-table td textarea {
1204         width: 100%;
1205 }
1206
1207 .links-table #link_rel {
1208         max-width: 280px;
1209 }
1210
1211 /* DFW 2
1212 -------------------------------------------------------------- */
1213
1214 #wp-content-wrap .mce-wp-dfw,
1215 #qt_content_dfw {
1216         display: none;
1217 }
1218
1219 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1220 .wp-editor-expand #qt_content_dfw {
1221         display: inline-block;
1222 }
1223
1224 .focus-on .wrap > h1,
1225 .focus-on #wpfooter,
1226 .focus-on .postbox-container > *,
1227 .focus-on div.updated,
1228 .focus-on div.error,
1229 .focus-on div.notice,
1230 .focus-on .update-nag,
1231 .focus-on #wp-toolbar,
1232 .focus-on #screen-meta-links,
1233 .focus-on #screen-meta {
1234         opacity: 0;
1235         -webkit-transition-duration: 0.6s;
1236         transition-duration: 0.6s;
1237         -webkit-transition-property: opacity;
1238         transition-property: opacity;
1239         -webkit-transition-timing-function: ease-in-out;
1240         transition-timing-function: ease-in-out;
1241 }
1242
1243 .focus-on #wp-toolbar {
1244         opacity: 0.3;
1245 }
1246
1247 .focus-off .wrap > h1,
1248 .focus-off #wpfooter,
1249 .focus-off .postbox-container > *,
1250 .focus-off div.updated,
1251 .focus-off div.error,
1252 .focus-off div.notice,
1253 .focus-off .update-nag,
1254 .focus-off #wp-toolbar,
1255 .focus-off #screen-meta-links,
1256 .focus-off #screen-meta {
1257         opacity: 1;
1258         -webkit-transition-duration: 0.2s;
1259         transition-duration: 0.2s;
1260         -webkit-transition-property: opacity;
1261         transition-property: opacity;
1262         -webkit-transition-timing-function: ease-in-out;
1263         transition-timing-function: ease-in-out;
1264 }
1265
1266 .focus-off #wp-toolbar {
1267         -webkit-transform: translate(0, 0);
1268 }
1269
1270 .focus-on #adminmenuback,
1271 .focus-on #adminmenuwrap {
1272         -webkit-transition-duration: 0.6s;
1273         transition-duration: 0.6s;
1274         -webkit-transition-property: -webkit-transform;
1275         transition-property: -webkit-transform;
1276         transition-property: transform;
1277         transition-property: transform, -webkit-transform;
1278         -webkit-transition-timing-function: ease-in-out;
1279         transition-timing-function: ease-in-out;
1280 }
1281
1282 .focus-on #adminmenuback,
1283 .focus-on #adminmenuwrap {
1284         -webkit-transform: translateX( -100% );
1285         -ms-transform: translateX( -100% );
1286         transform: translateX( -100% );
1287 }
1288
1289 .focus-off #adminmenuback,
1290 .focus-off #adminmenuwrap {
1291         -webkit-transform: translateX( 0 );
1292         -ms-transform: translateX( 0 );
1293         transform: translateX( 0 );
1294         -webkit-transition-duration: 0.2s;
1295         transition-duration: 0.2s;
1296         -webkit-transition-property: -webkit-transform;
1297         transition-property: -webkit-transform;
1298         transition-property: transform;
1299         transition-property: transform, -webkit-transform;
1300         -webkit-transition-timing-function: ease-in-out;
1301         transition-timing-function: ease-in-out;
1302 }
1303
1304 /* =Media Queries
1305 -------------------------------------------------------------- */
1306
1307 /**
1308  * HiDPI Displays
1309  */
1310 @media print,
1311   (-webkit-min-device-pixel-ratio: 1.25),
1312   (min-resolution: 120dpi) {
1313         #content-resize-handle,
1314         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1315                 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1316                 -webkit-background-size: 11px 11px;
1317                 background-size: 11px 11px;
1318         }
1319
1320         .rtl #content-resize-handle,
1321         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1322                 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
1323         }
1324 }
1325
1326 /* one column on the post write/edit screen */
1327 @media only screen and (max-width: 850px) {
1328         #poststuff {
1329                 min-width: 0;
1330         }
1331
1332         #wpbody-content #poststuff #post-body {
1333                 margin: 0;
1334         }
1335
1336         #wpbody-content #post-body.columns-2 #postbox-container-1 {
1337                 margin-right: 0;
1338                 width: 100%;
1339         }
1340
1341         #poststuff #postbox-container-1 .empty-container,
1342         #poststuff #postbox-container-1 #side-sortables:empty {
1343                 border: 0 none;
1344                 height: 0;
1345                 min-height: 0;
1346         }
1347
1348         #poststuff #post-body.columns-2 #side-sortables {
1349                 min-height: 0;
1350                 width: auto;
1351         }
1352
1353         /* hide the radio buttons for column prefs */
1354         .screen-layout,
1355         .columns-prefs {
1356                 display: none;
1357         }
1358 }
1359
1360 @media screen and ( max-width: 782px ) {
1361         #post-body-content {
1362                 min-width: 0;
1363         }
1364
1365         #titlediv #title-prompt-text {
1366                 padding: 10px 10px;
1367         }
1368
1369         #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1370         #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1371         #poststuff h2 {
1372                 padding: 12px;
1373         }
1374
1375         .post-format-options {
1376                 padding-right: 0;
1377         }
1378
1379         .post-format-options a {
1380                 margin-right: 5px;
1381                 margin-bottom: 5px;
1382                 min-width: 52px;
1383         }
1384
1385         .post-format-options .post-format-title {
1386                 font-size: 11px;
1387         }
1388
1389         .post-format-options a div {
1390                 height: 28px;
1391                 width: 28px;
1392         }
1393
1394         .post-format-options a div:before {
1395                 font-size: 26px !important;
1396         }
1397
1398         /* Publish Metabox Options */
1399         #post-visibility-select {
1400                 line-height: 280%;
1401         }
1402
1403         .wp-core-ui .save-post-visibility,
1404         .wp-core-ui .save-timestamp {
1405                 vertical-align: middle;
1406                 margin-right: 15px;
1407         }
1408
1409         .timestamp-wrap select#mm {
1410                 display: block;
1411                 width: 100%;
1412                 margin-bottom: 10px;
1413         }
1414
1415         .timestamp-wrap #jj,
1416         .timestamp-wrap #aa,
1417         .timestamp-wrap #hh,
1418         .timestamp-wrap #mn {
1419                 padding: 12px 3px;
1420                 font-size: 14px;
1421                 margin-bottom: 5px;
1422                 width: auto;
1423                 text-align: center;
1424         }
1425
1426         /* Categories Metabox */
1427         ul.category-tabs {
1428                 margin: 30px 0 15px;
1429         }
1430
1431         ul.category-tabs li.tabs {
1432                 padding: 15px;
1433         }
1434
1435         ul.categorychecklist li {
1436                 margin-bottom: 15px;
1437         }
1438
1439         ul.categorychecklist ul {
1440                 margin-top: 15px;
1441         }
1442
1443         .category-add input[type=text],
1444         .category-add select {
1445                 max-width: none;
1446                 margin-bottom: 15px;
1447         }
1448
1449         /* Tags Metabox */
1450         .tagsdiv .newtag {
1451                 width: 100%;
1452                 height: auto;
1453                 margin-bottom: 15px;
1454         }
1455
1456         .tagchecklist {
1457                 margin: 25px 10px;
1458         }
1459
1460         .tagchecklist span {
1461                 font-size: 16px;
1462                 line-height: 1.4;
1463         }
1464
1465         /* Discussion */
1466         #commentstatusdiv p {
1467                 line-height: 2.8;
1468         }
1469
1470         /* TinyMCE Adjustments */
1471         .mceToolbar * {
1472                 white-space: normal !important;
1473         }
1474
1475         .mceToolbar tr,
1476         .mceToolbar td {
1477                 float: left !important;
1478         }
1479
1480         .wp_themeSkin a.mceButton {
1481                 width: 30px;
1482                 height: 30px;
1483         }
1484
1485         .wp_themeSkin .mceButton .mceIcon {
1486                 margin-top: 5px;
1487                 margin-left: 5px;
1488         }
1489
1490         .wp_themeSkin .mceSplitButton {
1491                 margin-top: 1px;
1492         }
1493
1494         .wp_themeSkin .mceSplitButton td a.mceAction {
1495                 padding-top: 6px;
1496                 padding-bottom: 6px;
1497                 padding-left: 6px;
1498                 padding-right: 3px;
1499         }
1500
1501         .wp_themeSkin .mceSplitButton td a.mceOpen,
1502         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1503                 padding-top: 6px;
1504                 padding-bottom: 6px;
1505                 background-position: 1px 6px;
1506         }
1507
1508         .wp_themeSkin table.mceListBox {
1509                 margin: 5px;
1510         }
1511
1512         div.quicktags-toolbar input {
1513                 padding: 10px 20px;
1514         }
1515
1516         button.wp-switch-editor {
1517                 font-size: 16px;
1518                 line-height: 1em;
1519                 margin: 7px 0 0 7px;
1520                 padding: 8px 12px;
1521         }
1522
1523         #wp-content-media-buttons a {
1524                 font-size: 16px;
1525                 line-height: 37px;
1526                 height: 39px;
1527                 padding: 0 20px 0 15px;
1528         }
1529
1530         .wp-media-buttons span.wp-media-buttons-icon,
1531         .wp-media-buttons span.jetpack-contact-form-icon {
1532                 width: 22px !important;
1533                 margin-top: -3px !important;
1534                 margin-left: -5px !important;
1535         }
1536
1537         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1538         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1539                 font-size: 20px !important;
1540         }
1541
1542         #content_wp_fullscreen {
1543                 display: none;
1544         }
1545
1546         .misc-pub-section {
1547                 padding: 20px 10px 20px;
1548         }
1549
1550         .misc-pub-section > a {
1551                 float: right;
1552                 font-size: 16px;
1553         }
1554
1555         #delete-action,
1556         #publishing-action {
1557                 line-height: 47px;
1558         }
1559
1560         #publishing-action .spinner {
1561                 float: none;
1562                 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1563         }
1564
1565         /* Moderate Comment */
1566         .comment-ays th,
1567         .comment-ays td {
1568                 padding-bottom: 0;
1569         }
1570
1571         .comment-ays td {
1572                 padding-top: 6px;
1573         }
1574
1575         /* Links */
1576         .links-table #link_rel {
1577                 max-width: none;
1578         }
1579
1580         .links-table th,
1581         .links-table td {
1582                 padding: 10px 0;
1583         }
1584 }
1585
1586 @media only screen and (max-width: 500px) {
1587         /* Align Add Media + Visual + Text tabs */
1588         #wp-content-media-buttons a {
1589                 font-size: 14px;
1590                 padding: 0 10px 0 10px;
1591         }
1592 }