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;
  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: #333;
 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: #888;
 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         left: 50%;
 549         width: 450px;
 550         margin-left: -225px;
 551         background: #fff;
 552         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 553         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 554         line-height: 1.5;
 555         z-index: 1000005;
 556 }
 557
 558 .notification-dialog-background {
 559         position: fixed;
 560         top: 0;
 561         left: 0;
 562         right: 0;
 563         bottom: 0;
 564         background: #000;
 565         opacity: 0.7;
 566         filter: alpha(opacity=70);
 567         z-index: 1000000;
 568 }
 569
 570 #post-lock-dialog .post-locked-message,
 571 #post-lock-dialog .post-taken-over {
 572         margin: 25px;
 573 }
 574
 575 #post-lock-dialog .post-locked-message a.button {
 576         margin-right: 10px;
 577 }
 578
 579 #post-lock-dialog .post-locked-avatar {
 580         float: left;
 581         margin: 0 20px 20px 0;
 582 }
 583
 584 #post-lock-dialog .wp-tab-first {
 585         outline: 0;
 586 }
 587
 588 #post-lock-dialog .locked-saving img {
 589         float: left;
 590         margin-right: 3px;
 591 }
 592
 593 #post-lock-dialog.saving .locked-saving,
 594 #post-lock-dialog.saved .locked-saved {
 595         display: inline;
 596 }
 597
 598 #excerpt,
 599 .attachmentlinks {
 600         margin: 0;
 601         height: 4em;
 602         width: 98%;
 603 }
 604
 605 .tagchecklist {
 606         margin-left: 14px;
 607         font-size: 12px;
 608         overflow: auto;
 609 }
 610
 611 .tagchecklist br {
 612         display: none;
 613 }
 614
 615 .tagchecklist strong {
 616         margin-left: -8px;
 617         position: absolute;
 618 }
 619
 620 .tagchecklist span {
 621         margin-right: 25px;
 622         display: block;
 623         float: left;
 624         font-size: 13px;
 625         line-height: 1.8em;
 626         white-space: nowrap;
 627         cursor: default;
 628 }
 629
 630 .tagchecklist span a {
 631         margin: 1px 0 0 -17px;
 632         cursor: pointer;
 633         width: 20px;
 634         height: 20px;
 635         display: block;
 636         float: left;
 637         text-indent: 0;
 638         overflow: hidden;
 639         position: absolute;
 640 }
 641
 642 #poststuff h2 {
 643         margin-top: 20px;
 644         font-size: 1.5em;
 645         margin-bottom: 15px;
 646         padding: 0 0 3px;
 647         clear: left;
 648 }
 649
 650 #poststuff h3 {
 651         font-size: 14px;
 652         padding: 8px 12px;
 653         margin: 0;
 654         line-height: 1.4;
 655 }
 656
 657 #poststuff .inside {
 658         margin: 6px 0 0 0;
 659 }
 660
 661 #poststuff .inside #parent_id,
 662 #poststuff .inside #page_template {
 663         max-width: 100%;
 664 }
 665
 666 #poststuff .inside label.spam,
 667 #poststuff .inside label.deleted {
 668         color: red;
 669 }
 670
 671 #poststuff .inside label.waiting {
 672         color: orange;
 673 }
 674
 675 #poststuff .inside label.approved {
 676         color: green;
 677 }
 678
 679 .ie8 #poststuff .inside #parent_id,
 680 .ie8 #poststuff .inside #page_template {
 681         width: 250px;
 682 }
 683
 684 #post-visibility-select {
 685         line-height: 1.5em;
 686         margin-top: 3px;
 687 }
 688
 689 #poststuff #submitdiv .inside {
 690         margin: 0;
 691         padding: 0;
 692 }
 693
 694 #post-body-content,
 695 .edit-form-section {
 696         margin-bottom: 20px;
 697 }
 698
 699 /*------------------------------------------------------------------------------
 700   11.1 - Custom Fields
 701 ------------------------------------------------------------------------------*/
 702
 703 #postcustomstuff thead th {
 704         padding: 5px 8px 8px;
 705         background-color: #f1f1f1;
 706 }
 707
 708 #postcustom #postcustomstuff .submit {
 709         border: 0 none;
 710         float: none;
 711         padding: 0 8px 8px;
 712 }
 713
 714 #side-sortables #postcustom #postcustomstuff .submit {
 715         margin: 0;
 716         padding: 0;
 717 }
 718
 719 #side-sortables #postcustom #postcustomstuff #the-list textarea {
 720         height: 85px;
 721 }
 722
 723 #side-sortables #postcustom #postcustomstuff td.left input,
 724 #side-sortables #postcustom #postcustomstuff td.left select,
 725 #side-sortables #postcustomstuff #newmetaleft a {
 726         margin: 3px 3px 0;
 727 }
 728
 729 #postcustomstuff table {
 730         margin: 0;
 731         width: 100%;
 732         border: 1px solid #dfdfdf;
 733         border-spacing: 0;
 734         background-color: #f9f9f9;
 735 }
 736
 737 #postcustomstuff tr {
 738         vertical-align: top;
 739 }
 740
 741 #postcustomstuff table input,
 742 #postcustomstuff table select,
 743 #postcustomstuff table textarea {
 744         width: 96%;
 745         margin: 8px;
 746 }
 747
 748 #side-sortables #postcustomstuff table input,
 749 #side-sortables #postcustomstuff table select,
 750 #side-sortables #postcustomstuff table textarea {
 751         margin: 3px;
 752 }
 753
 754 #postcustomstuff th.left,
 755 #postcustomstuff td.left {
 756         width: 38%;
 757 }
 758
 759 #postcustomstuff .submit input {
 760         margin: 0;
 761         width: auto;
 762 }
 763
 764 #postcustomstuff #newmetaleft a {
 765         display: inline-block;
 766         margin: 0 8px 8px;
 767         text-decoration: none;
 768 }
 769
 770 .no-js #postcustomstuff #enternew {
 771         display: none;
 772 }
 773
 774 #post-body-content .compat-attachment-fields {
 775         margin-bottom: 20px;
 776 }
 777
 778 .compat-attachment-fields th {
 779         padding-top: 5px;
 780         padding-right: 10px;
 781 }
 782
 783 /*------------------------------------------------------------------------------
 784   11.3 - Featured Images
 785 ------------------------------------------------------------------------------*/
 786
 787 #select-featured-image {
 788         padding: 4px 0;
 789         overflow: hidden;
 790 }
 791
 792 #select-featured-image img {
 793         max-width: 100%;
 794         height: auto;
 795         margin-bottom: 10px;
 796 }
 797
 798 #select-featured-image a {
 799         float: left;
 800         clear: both;
 801 }
 802
 803 #select-featured-image .remove {
 804         display: none;
 805         margin-top: 10px;
 806 }
 807
 808 .js #select-featured-image.has-featured-image .remove {
 809         display: inline-block;
 810 }
 811
 812 .no-js #select-featured-image .choose {
 813         display: none;
 814 }
 815
 816 /*------------------------------------------------------------------------------
 817   11.4 - Post formats
 818 ------------------------------------------------------------------------------*/
 819
 820 .post-state-format {
 821         overflow: hidden;
 822         display: inline-block;
 823         vertical-align: middle;
 824         height: 20px;
 825         width: 20px;
 826         margin-right: 5px;
 827         margin-top: -4px;
 828 }
 829
 830 .post-state-format:before {
 831         display: block;
 832         height: 20px;
 833         width: 20px;
 834         font: normal 20px/1 'dashicons' !important;
 835         speak: none;
 836         -webkit-font-smoothing: antialiased;
 837         -moz-osx-font-smoothing: grayscale;
 838 }
 839
 840 .post-state-format:before,
 841 .post-format-icon:before {
 842         color: #ddd;
 843         -webkit-transition: all .1s ease-in-out;
 844         transition: all .1s ease-in-out;
 845 }
 846
 847 a.post-state-format:hover:before,
 848 a.post-format-icon:hover:before {
 849         color: #2ea2cc;
 850 }
 851
 852 #post-formats-select {
 853         line-height: 2em;
 854 }
 855
 856 #post-formats-select .post-format-icon:before {
 857         top: 5px;
 858 }
 859
 860 input.post-format {
 861         margin-top: 1px;
 862 }
 863
 864 label.post-format-icon {
 865         margin-left: 0px;
 866         padding: 2px 0 2px 0px;
 867 }
 868
 869 .post-format-icon:before {
 870         position: relative;
 871         display: inline-block;
 872         margin-right: 7px;
 873         font: normal 20px/1 'dashicons';
 874         speak: none;
 875         -webkit-font-smoothing: antialiased;
 876         -moz-osx-font-smoothing: grayscale;
 877 }
 878
 879 .post-state-format.post-format-standard:before,
 880 .post-format-icon.post-format-standard:before,
 881 a.post-state-format.format-standard:before {
 882         content: '\f109';
 883 }
 884
 885 .post-state-format.post-format-image:before,
 886 .post-format-icon.post-format-image:before,
 887 a.post-state-format.format-image:before {
 888         content: '\f128';
 889 }
 890
 891 .post-state-format.post-format-gallery:before,
 892 .post-format-icon.post-format-gallery:before,
 893 a.post-state-format.format-gallery:before {
 894         content: '\f161';
 895 }
 896
 897 .post-state-format.post-format-audio:before,
 898 .post-format-icon.post-format-audio:before,
 899 a.post-state-format.format-audio:before {
 900         content: '\f127';
 901 }
 902
 903 .post-state-format.post-format-video:before,
 904 .post-format-icon.post-format-video:before,
 905 a.post-state-format.format-video:before {
 906         content: '\f126';
 907 }
 908
 909 .post-state-format.post-format-chat:before,
 910 .post-format-icon.post-format-chat:before,
 911 a.post-state-format.format-chat:before {
 912         content: '\f125';
 913 }
 914
 915 .post-state-format.post-format-status:before,
 916 .post-format-icon.post-format-status:before,
 917 a.post-state-format.format-status:before {
 918         content: '\f130';
 919 }
 920
 921 .post-state-format.post-format-aside:before,
 922 .post-format-icon.post-format-aside:before,
 923 a.post-state-format.format-aside:before {
 924         content: '\f123';
 925 }
 926
 927 .post-state-format.post-format-quote:before,
 928 .post-format-icon.post-format-quote:before,
 929 a.post-state-format.format-quote:before {
 930         content: '\f122';
 931 }
 932
 933 .post-state-format.post-format-link:before,
 934 .post-format-icon.post-format-link:before,
 935 a.post-state-format.format-link:before {
 936         content: '\f103';
 937 }
 938
 939 /*------------------------------------------------------------------------------
 940   12.0 - Categories
 941 ------------------------------------------------------------------------------*/
 942
 943 .category-adder {
 944         margin-left: 120px;
 945         padding: 4px 0;
 946 }
 947
 948 .category-adder h4 {
 949         margin: 0 0 8px;
 950 }
 951
 952 #side-sortables .category-adder {
 953         margin: 0;
 954 }
 955
 956 .wp-tab-panel,
 957 .categorydiv div.tabs-panel,
 958 .customlinkdiv div.tabs-panel,
 959 .posttypediv div.tabs-panel,
 960 .taxonomydiv div.tabs-panel {
 961         min-height: 42px;
 962         max-height: 200px;
 963         overflow: auto;
 964         padding: 0 0.9em;
 965         border: solid 1px #dfdfdf;
 966         background-color: #fdfdfd;
 967 }
 968
 969 div.tabs-panel-active {
 970         display:block;
 971 }
 972
 973 div.tabs-panel-inactive {
 974         display:none;
 975 }
 976
 977 #front-page-warning,
 978 #front-static-pages ul,
 979 ul.export-filters,
 980 .inline-editor ul.cat-checklist ul,
 981 .categorydiv ul.categorychecklist ul,
 982 .customlinkdiv ul.categorychecklist ul,
 983 .posttypediv ul.categorychecklist ul,
 984 .taxonomydiv ul.categorychecklist ul {
 985         margin-left: 18px;
 986 }
 987
 988 ul.categorychecklist li {
 989         margin: 0;
 990         padding: 0;
 991         line-height: 22px;
 992         word-wrap: break-word;
 993 }
 994
 995 .categorydiv .tabs-panel,
 996 .customlinkdiv .tabs-panel,
 997 .posttypediv .tabs-panel,
 998 .taxonomydiv .tabs-panel {
 999         border-width: 3px;
1000         border-style: solid;
1001 }
1002
1003 .form-wrap p,
1004 .form-wrap label {
1005         font-size: 11px;
1006 }
1007
1008 .form-wrap label {
1009         display: block;
1010         padding: 2px;
1011         font-size: 12px;
1012 }
1013
1014 .form-field input[type="text"],
1015 .form-field input[type="password"],
1016 .form-field input[type="email"],
1017 .form-field input[type="number"],
1018 .form-field input[type="search"],
1019 .form-field input[type="tel"],
1020 .form-field input[type="url"],
1021 .form-field textarea {
1022         border-style: solid;
1023         border-width: 1px;
1024         width: 95%;
1025 }
1026
1027 p.description,
1028 .form-wrap p {
1029         margin: 2px 0 5px;
1030         color: #666;
1031 }
1032
1033 p.help,
1034 p.description,
1035 span.description,
1036 .form-wrap p {
1037         font-size: 13px;
1038         font-style: italic;
1039 }
1040
1041 .form-wrap .form-field {
1042         margin: 0 0 10px;
1043         padding: 8px 0;
1044 }
1045
1046 .form-wrap .form-field #parent {
1047         max-width: 100%;
1048 }
1049
1050 .col-wrap h3 {
1051         margin: 12px 0;
1052         font-size: 1.1em;
1053 }
1054
1055 .col-wrap p.submit {
1056         margin-top: -10px;
1057 }
1058
1059
1060 /*------------------------------------------------------------------------------
1061   13.0 - Tags
1062 ------------------------------------------------------------------------------*/
1063
1064 .tagsdiv {
1065         margin-top: -8px;
1066 }
1067
1068 #poststuff .taghint {
1069         color: #aaa;
1070         margin: 15px 0 -24px 12px;
1071 }
1072
1073 #poststuff .tagsdiv .howto {
1074         margin: 0 0 6px 0;
1075 }
1076
1077 .ajaxtag .newtag {
1078         position: relative;
1079 }
1080
1081 .tagsdiv .newtag {
1082         width: 180px;
1083 }
1084
1085 .tagsdiv .the-tags {
1086         display: block;
1087         height: 60px;
1088         margin: 0 auto;
1089         overflow: auto;
1090         width: 260px;
1091 }
1092
1093 #post-body-content .tagsdiv .the-tags {
1094         margin: 0 5px;
1095 }
1096
1097 /* tag hints */
1098 .taghint {
1099         color: #aaa;
1100         margin: -17px 0 0 7px;
1101         visibility: hidden;
1102 }
1103
1104 input.newtag ~ div.taghint {
1105         visibility: visible;
1106 }
1107
1108 input.newtag:focus ~ div.taghint {
1109         visibility: hidden;
1110 }
1111
1112 p.popular-tags {
1113         border: none;
1114         line-height: 2em;
1115         padding: 8px 12px 12px;
1116         text-align: justify;
1117 }
1118
1119 p.popular-tags a {
1120         padding: 0 3px;
1121 }
1122
1123 .tagcloud {
1124         width: 97%;
1125         margin: 0 0 40px;
1126         text-align: justify;
1127 }
1128
1129 .tagcloud h3 {
1130         margin: 2px 0 12px;
1131 }
1132
1133 .ac_results {
1134         padding: 0;
1135         margin: 0;
1136         list-style: none;
1137         position: absolute;
1138         z-index: 10000;
1139         display: none;
1140         border: 1px solid #808080;
1141         background-color: #fff;
1142 }
1143
1144 .wp-customizer .ac_results {
1145         z-index: 500000;
1146 }
1147
1148 .ac_results li {
1149         padding: 2px 5px;
1150         white-space: nowrap;
1151         color: #101010;
1152         text-align: left;
1153 }
1154
1155 .ac_over {
1156         background-color: #f0f0b8;
1157         cursor: pointer;
1158 }
1159
1160 .ac_match {
1161         text-decoration: underline;
1162 }
1163
1164 /* Comments */
1165
1166 .comment-php .wp-editor-area {
1167         height: 200px;
1168 }
1169
1170 .comment-ays {
1171         margin-bottom: 0;
1172         border-bottom-style: solid;
1173         border-bottom-width: 1px;
1174 }
1175
1176 .comment-ays .alt {
1177         background-color: transparent;
1178 }
1179
1180 .trash-undo-inside,
1181 .spam-undo-inside {
1182         margin: 1px 8px 1px 0;
1183         line-height: 16px;
1184 }
1185
1186 .spam-undo-inside .avatar,
1187 .trash-undo-inside .avatar {
1188         height: 20px;
1189         width: 20px;
1190         margin-right: 8px;
1191         vertical-align: middle;
1192 }
1193
1194 .stuffbox .editcomment {
1195         clear: none;
1196 }
1197
1198 #comment-status-radio p {
1199         margin: 3px 0 5px;
1200 }
1201
1202 #comment-status-radio input {
1203         margin: 2px 3px 5px 0;
1204         vertical-align: middle;
1205 }
1206
1207 #comment-status-radio label {
1208         padding: 5px 0;
1209 }
1210
1211 /* links tables */
1212 table.links-table {
1213         width: 100%;
1214         border-spacing: 0;
1215 }
1216
1217 .links-table th {
1218         font-weight: normal;
1219         text-align: left;
1220         vertical-align: top;
1221         min-width: 80px;
1222         width: 20%;
1223         word-wrap: break-word;
1224 }
1225
1226 .links-table th,
1227 .links-table td {
1228         padding: 5px 0;
1229 }
1230
1231 .links-table td label {
1232         margin-right: 8px;
1233 }
1234
1235 .links-table td input[type="text"],
1236 .links-table td textarea {
1237         width: 100%;
1238 }
1239
1240 .links-table #link_rel {
1241         max-width: 280px;
1242 }
1243
1244 /* DFW 2
1245 -------------------------------------------------------------- */
1246
1247 #wp-content-wrap .mce-wp-dfw,
1248 #qt_content_dfw {
1249         display: none;
1250 }
1251
1252 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1253 .wp-editor-expand #qt_content_dfw {
1254         display: inline-block;
1255 }
1256
1257 .focus-on .wrap > h2,
1258 .focus-on #wpfooter,
1259 .focus-on .postbox-container > *,
1260 .focus-on div.updated,
1261 .focus-on div.error,
1262 .focus-on div.notice,
1263 .focus-on #wp-toolbar,
1264 .focus-on #screen-meta-links,
1265 .focus-on #screen-meta {
1266         opacity: 0;
1267         -webkit-transition-duration: 0.6s;
1268         transition-duration: 0.6s;
1269         -webkit-transition-property: opacity;
1270         transition-property: opacity;
1271         -webkit-transition-timing-function: ease-in-out;
1272         transition-timing-function: ease-in-out;
1273 }
1274
1275 .focus-on #wp-toolbar {
1276         opacity: 0.3;
1277 }
1278
1279 .focus-off .wrap > h2,
1280 .focus-off #wpfooter,
1281 .focus-off .postbox-container > *,
1282 .focus-off div.updated,
1283 .focus-off div.error,
1284 .focus-off div.notice,
1285 .focus-off #wp-toolbar,
1286 .focus-off #screen-meta-links,
1287 .focus-off #screen-meta {
1288         opacity: 1;
1289         -webkit-transition-duration: 0.2s;
1290         transition-duration: 0.2s;
1291         -webkit-transition-property: opacity;
1292         transition-property: opacity;
1293         -webkit-transition-timing-function: ease-in-out;
1294         transition-timing-function: ease-in-out;
1295 }
1296
1297 .focus-off #wp-toolbar {
1298         -webkit-transform: translate(0, 0);
1299 }
1300
1301 .focus-on #adminmenuback,
1302 .focus-on #adminmenuwrap {
1303         -webkit-transition-duration: 0.6s;
1304         transition-duration: 0.6s;
1305         -webkit-transition-property: -webkit-transform;
1306         transition-property: transform;
1307         -webkit-transition-timing-function: ease-in-out;
1308         transition-timing-function: ease-in-out;
1309 }
1310
1311 /* @noflip */
1312 .focus-on #adminmenuback,
1313 .focus-on #adminmenuwrap {
1314         -webkit-transform: translateX( -100% );
1315         -ms-transform: translateX( -100% );
1316         transform: translateX( -100% );
1317 }
1318
1319 /* @noflip */
1320 .rtl.focus-on #adminmenuback,
1321 .rtl.focus-on #adminmenuwrap {
1322         -webkit-transform: translateX( 100% );
1323         -ms-transform: translateX( 100% );
1324         transform: translateX( 100% );
1325 }
1326
1327 .focus-off #adminmenuback,
1328 .focus-off #adminmenuwrap {
1329         -webkit-transform: translateX( 0 );
1330         -ms-transform: translateX( 0 );
1331         transform: translateX( 0 );
1332         -webkit-transition-duration: 0.2s;
1333         transition-duration: 0.2s;
1334         -webkit-transition-property: -webkit-transform;
1335         transition-property: transform;
1336         -webkit-transition-timing-function: ease-in-out;
1337         transition-timing-function: ease-in-out;
1338 }
1339
1340 /* =Media Queries
1341 -------------------------------------------------------------- */
1342
1343 /**
1344  * HiDPI Displays
1345  */
1346 @media print,
1347   (-o-min-device-pixel-ratio: 5/4),
1348   (-webkit-min-device-pixel-ratio: 1.25),
1349   (min-resolution: 120dpi) {
1350         #content-resize-handle,
1351         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1352                 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1353                 -webkit-background-size: 11px 11px;
1354                 background-size: 11px 11px;
1355         }
1356
1357         .rtl #content-resize-handle,
1358         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1359                 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
1360         }
1361 }
1362
1363 /* one column on the post write/edit screen */
1364 @media only screen and (max-width: 850px) {
1365         #poststuff {
1366                 min-width: 0;
1367         }
1368
1369         #wpbody-content #poststuff #post-body {
1370                 margin: 0;
1371         }
1372
1373         #wpbody-content #post-body.columns-2 #postbox-container-1 {
1374                 margin-right: 0;
1375                 width: 100%;
1376         }
1377
1378         #poststuff #postbox-container-1 .empty-container,
1379         #poststuff #postbox-container-1 #side-sortables:empty {
1380                 border: 0 none;
1381                 height: 0;
1382                 min-height: 0;
1383         }
1384
1385         #poststuff #post-body.columns-2 #side-sortables {
1386                 min-height: 0;
1387                 width: auto;
1388         }
1389
1390         /* hide the radio buttons for column prefs */
1391         .screen-layout,
1392         .columns-prefs {
1393                 display: none;
1394         }
1395 }
1396
1397 @media screen and ( max-width: 782px ) {
1398         #post-body-content {
1399                 min-width: 0;
1400         }
1401
1402         #titlediv #title-prompt-text {
1403                 padding: 10px 10px;
1404         }
1405
1406         #poststuff h3 {
1407                 padding: 12px;
1408         }
1409
1410         .post-format-options {
1411                 padding-right: 0;
1412         }
1413
1414         .post-format-options a {
1415                 margin-right: 5px;
1416                 margin-bottom: 5px;
1417                 min-width: 52px;
1418         }
1419
1420         .post-format-options .post-format-title {
1421                 font-size: 11px;
1422         }
1423
1424         .post-format-options a div {
1425                 height: 28px;
1426                 width: 28px;
1427         }
1428
1429         .post-format-options a div:before {
1430                 font-size: 26px !important;
1431         }
1432
1433         /* Publish Metabox Options */
1434         #post-visibility-select {
1435                 line-height: 280%;
1436         }
1437
1438         .wp-core-ui .save-post-visibility,
1439         .wp-core-ui .save-timestamp {
1440                 vertical-align: middle;
1441                 margin-right: 15px;
1442         }
1443
1444         .timestamp-wrap select#mm {
1445                 display: block;
1446                 width: 100%;
1447                 margin-bottom: 10px;
1448         }
1449
1450         .timestamp-wrap #jj,
1451         .timestamp-wrap #aa,
1452         .timestamp-wrap #hh,
1453         .timestamp-wrap #mn {
1454                 padding: 12px 3px;
1455                 font-size: 14px;
1456                 margin-bottom: 5px;
1457                 width: auto;
1458                 text-align: center;
1459         }
1460
1461         /* Categories Metabox */
1462         ul.category-tabs {
1463                 margin: 30px 0 15px;
1464         }
1465
1466         ul.category-tabs li.tabs {
1467                 padding: 15px;
1468         }
1469
1470         ul.categorychecklist li {
1471                 margin-bottom: 15px;
1472         }
1473
1474         ul.categorychecklist ul {
1475                 margin-top: 15px;
1476         }
1477
1478         .category-add input[type=text],
1479         .category-add select {
1480                 max-width: none;
1481                 margin-bottom: 15px;
1482         }
1483
1484         /* Tags Metabox */
1485         .tagsdiv .newtag {
1486                 width: 100%;
1487                 height: auto;
1488                 margin-bottom: 15px;
1489         }
1490
1491         .tagchecklist {
1492                 margin: 25px 10px;
1493         }
1494
1495         .tagchecklist span {
1496                 font-size: 16px;
1497                 line-height: 120%;
1498         }
1499
1500         /* Discussion */
1501         #commentstatusdiv p {
1502                 line-height: 2.8;
1503         }
1504
1505         /* TinyMCE Adjustments */
1506         .mceToolbar * {
1507                 white-space: normal !important;
1508         }
1509
1510         .mceToolbar tr,
1511         .mceToolbar td {
1512                 float: left !important;
1513         }
1514
1515         .wp_themeSkin a.mceButton {
1516                 width: 30px;
1517                 height: 30px;
1518         }
1519
1520         .wp_themeSkin .mceButton .mceIcon {
1521                 margin-top: 5px;
1522                 margin-left: 5px;
1523         }
1524
1525         .wp_themeSkin .mceSplitButton {
1526                 margin-top: 1px;
1527         }
1528
1529         .wp_themeSkin .mceSplitButton td a.mceAction {
1530                 padding-top: 6px;
1531                 padding-bottom: 6px;
1532                 padding-left: 6px;
1533                 padding-right: 3px;
1534         }
1535
1536         .wp_themeSkin .mceSplitButton td a.mceOpen,
1537         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1538                 padding-top: 6px;
1539                 padding-bottom: 6px;
1540                 background-position: 1px 6px;
1541         }
1542
1543         .wp_themeSkin table.mceListBox {
1544                 margin: 5px;
1545         }
1546
1547         div.quicktags-toolbar input {
1548                 padding: 10px 20px;
1549         }
1550
1551         button.wp-switch-editor {
1552                 font-size: 16px;
1553                 line-height: 1em;
1554                 margin: 7px 0 0 7px;
1555                 padding: 8px 12px;
1556         }
1557
1558         #wp-content-media-buttons a {
1559                 font-size: 16px;
1560                 line-height: 37px;
1561                 height: 39px;
1562                 padding: 0 20px 0 15px;
1563         }
1564
1565         .wp-media-buttons span.wp-media-buttons-icon,
1566         .wp-media-buttons span.jetpack-contact-form-icon {
1567                 width: 22px !important;
1568                 margin-top: -3px !important;
1569                 margin-left: -5px !important;
1570         }
1571
1572         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1573         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1574                 font-size: 20px !important;
1575         }
1576
1577         #content_wp_fullscreen {
1578                 display: none;
1579         }
1580
1581         .misc-pub-section {
1582                 padding: 20px 10px 20px;
1583         }
1584
1585         .misc-pub-section > a {
1586                 float: right;
1587                 font-size: 16px;
1588         }
1589
1590         #delete-action,
1591         #publishing-action {
1592                 line-height: 47px;
1593         }
1594
1595         /* Moderate Comment */
1596         .comment-ays {
1597                 border-bottom: none;
1598         }
1599
1600         /* Links */
1601         .links-table #link_rel {
1602                 max-width: none;
1603         }
1604
1605         .links-table th,
1606         .links-table td {
1607                 padding: 10px 0;
1608         }
1609 }
1610
1611 @media only screen and (max-width: 500px) {
1612         /* Align Add Media + Visual + Text tabs */
1613         #wp-content-media-buttons a {
1614                 font-size: 14px;
1615                 padding: 0 10px 0 10px;
1616         }
1617 }