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