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 }
 294
 295 form#tags-filter {
 296         position: relative;
 297 }
 298
 299 /* Edit posts */
 300 td.post-title strong,
 301 td.plugin-title strong {
 302         display: block;
 303         margin-bottom: .2em;
 304         font-size: 14px;
 305 }
 306
 307 td.post-title p,
 308 td.plugin-title p {
 309         margin: 6px 0;
 310 }
 311
 312 /* Global classes */
 313 .wp-hidden-children .wp-hidden-child,
 314 .ui-tabs-hide {
 315         display: none;
 316 }
 317
 318 #post-body .tagsdiv #newtag {
 319         margin-right: 5px;
 320         width: 16em;
 321 }
 322
 323 #side-sortables input#post_password {
 324         width: 94%
 325 }
 326
 327 #side-sortables .tagsdiv #newtag {
 328         width: 68%;
 329 }
 330
 331 #post-status-info {
 332         width: 100%;
 333         border-spacing: 0;
 334         border: 1px solid #e5e5e5;
 335         border-top: none;
 336         background-color: #f7f7f7;
 337         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 338         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 339         z-index: 999;
 340 }
 341
 342 #post-status-info td {
 343         font-size: 12px;
 344 }
 345
 346 .autosave-info {
 347         padding: 2px 10px;
 348         text-align: right;
 349 }
 350
 351 #editorcontent #post-status-info {
 352         border: none;
 353 }
 354
 355 #content-resize-handle {
 356         background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
 357         width: 12px;
 358         cursor: row-resize;
 359 }
 360
 361 .rtl #content-resize-handle {
 362         background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
 363 }
 364
 365 .wp-editor-expand #content-resize-handle {
 366         display: none;
 367 }
 368
 369 #postdivrich #content {
 370         resize: none;
 371 }
 372
 373 #wp-word-count {
 374         display: block;
 375         padding: 2px 10px;
 376 }
 377
 378 #wp-content-editor-container {
 379         position: relative;
 380 }
 381
 382 #content-textarea-clone {
 383         z-index: -1;
 384         position: absolute;
 385         top: 0;
 386         visibility: hidden;
 387         overflow: hidden;
 388         max-width: 100%;
 389         border: 1px solid transparent;
 390 }
 391
 392 .wp-fullscreen-wrap #content-textarea-clone {
 393         display: none;
 394 }
 395
 396 /* editor-expand.js override */
 397 .wp-fullscreen-wrap {
 398         padding-top: 0 !important;
 399 }
 400
 401 .wp-fullscreen-wrap .wp-editor-area {
 402         margin-top: 0 !important;
 403 }
 404
 405 .wp-fullscreen-wrap .mce-edit-area {
 406         padding-top: 0 !important;
 407 }
 408 /* end editor-expand.js override */
 409
 410 .wp-editor-expand #wp-content-editor-tools {
 411         z-index: 1000;
 412         border-bottom: 1px solid #e5e5e5;
 413 }
 414
 415 .wp-editor-expand #wp-content-editor-container {
 416         -webkit-box-shadow: none;
 417         box-shadow: none;
 418         margin-top: -1px;
 419 }
 420
 421 .wp-editor-expand #wp-content-editor-container {
 422         border-bottom: 0 none;
 423 }
 424
 425 .wp-editor-expand div.mce-statusbar {
 426         z-index: 1;
 427 }
 428
 429 .wp-editor-expand #post-status-info {
 430         border-top: 1px solid #e5e5e5;
 431 }
 432
 433 .wp-editor-expand div.mce-toolbar-grp {
 434         z-index: 999;
 435 }
 436
 437 #wp-content-editor-tools {
 438         background-color: #f1f1f1;
 439         padding-top: 20px;
 440 }
 441
 442 #poststuff #post-body.columns-2 #side-sortables {
 443         width: 280px;
 444 }
 445
 446 #timestampdiv select {
 447         height: 21px;
 448         line-height: 14px;
 449         padding: 0;
 450         vertical-align: top;
 451         font-size: 12px;
 452 }
 453
 454 #aa, #jj, #hh, #mn {
 455         padding: 1px;
 456         font-size: 12px;
 457 }
 458
 459 #jj, #hh, #mn {
 460         width: 2em;
 461 }
 462
 463 #aa {
 464         width: 3.4em;
 465 }
 466
 467 .curtime #timestamp {
 468         padding: 2px 0 1px 0;
 469         display: inline !important;
 470         height: auto !important;
 471 }
 472
 473 #misc-publishing-actions label[for="post_status"]:before,
 474 #post-body #visibility:before,
 475 .curtime #timestamp:before,
 476 #post-body .misc-pub-revisions:before,
 477 span.wp-media-buttons-icon:before {
 478         color: #888;
 479 }
 480
 481 #post-body #visibility:before,
 482 .curtime #timestamp:before,
 483 #post-body .misc-pub-revisions:before {
 484         font: normal 20px/1 'dashicons';
 485         speak: none;
 486         display: inline-block;
 487         padding: 0 2px 0 0;
 488         top: 0;
 489         left: -1px;
 490         position: relative;
 491         vertical-align: top;
 492         -webkit-font-smoothing: antialiased;
 493         -moz-osx-font-smoothing: grayscale;
 494         text-decoration: none !important;
 495 }
 496
 497 #post-body #visibility:before {
 498         content: '\f177';
 499 }
 500
 501 .curtime #timestamp:before {
 502         content: '\f145';
 503         top: -1px;
 504 }
 505
 506 #post-body .misc-pub-revisions:before {
 507         content: '\f321';
 508 }
 509
 510 #timestampdiv {
 511         padding-top: 5px;
 512         line-height: 23px;
 513 }
 514
 515 #timestampdiv p {
 516         margin: 8px 0 6px;
 517 }
 518
 519 #timestampdiv input {
 520         border-width: 1px;
 521         border-style: solid;
 522 }
 523
 524 .notification-dialog {
 525         position: fixed;
 526         top: 30%;
 527         left: 50%;
 528         width: 450px;
 529         margin-left: -225px;
 530         background: #fff;
 531         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 532         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 533         line-height: 1.5;
 534         z-index: 1000005;
 535 }
 536
 537 .notification-dialog-background {
 538         position: fixed;
 539         top: 0;
 540         left: 0;
 541         right: 0;
 542         bottom: 0;
 543         background: #000;
 544         opacity: 0.7;
 545         filter: alpha(opacity=70);
 546         z-index: 1000000;
 547 }
 548
 549 #post-lock-dialog .post-locked-message,
 550 #post-lock-dialog .post-taken-over {
 551         margin: 25px;
 552 }
 553
 554 #post-lock-dialog .post-locked-message a.button {
 555         margin-right: 10px;
 556 }
 557
 558 #post-lock-dialog .post-locked-avatar {
 559         float: left;
 560         margin: 0 20px 20px 0;
 561 }
 562
 563 #post-lock-dialog .wp-tab-first {
 564         outline: 0;
 565 }
 566
 567 #post-lock-dialog .locked-saving img {
 568         float: left;
 569         margin-right: 3px;
 570 }
 571
 572 #post-lock-dialog.saving .locked-saving,
 573 #post-lock-dialog.saved .locked-saved {
 574         display: inline;
 575 }
 576
 577 #excerpt,
 578 .attachmentlinks {
 579         margin: 0;
 580         height: 4em;
 581         width: 98%;
 582 }
 583
 584 .tagchecklist {
 585         margin-left: 14px;
 586         font-size: 12px;
 587         overflow: auto;
 588 }
 589
 590 .tagchecklist br {
 591         display: none;
 592 }
 593
 594 .tagchecklist strong {
 595         margin-left: -8px;
 596         position: absolute;
 597 }
 598
 599 .tagchecklist span {
 600         margin-right: 25px;
 601         display: block;
 602         float: left;
 603         font-size: 13px;
 604         line-height: 1.8em;
 605         white-space: nowrap;
 606         cursor: default;
 607 }
 608
 609 .tagchecklist span a {
 610         margin: 1px 0 0 -17px;
 611         cursor: pointer;
 612         width: 20px;
 613         height: 20px;
 614         display: block;
 615         float: left;
 616         text-indent: 0;
 617         overflow: hidden;
 618         position: absolute;
 619 }
 620
 621 #poststuff h2 {
 622         margin-top: 20px;
 623         font-size: 1.5em;
 624         margin-bottom: 15px;
 625         padding: 0 0 3px;
 626         clear: left;
 627 }
 628
 629 #poststuff h3 {
 630         font-size: 14px;
 631         padding: 8px 12px;
 632         margin: 0;
 633         line-height: 1.4;
 634 }
 635
 636 #poststuff .inside {
 637         margin: 6px 0 0 0;
 638 }
 639
 640 #poststuff .inside #parent_id,
 641 #poststuff .inside #page_template {
 642         max-width: 100%;
 643 }
 644
 645 #poststuff .inside label.spam,
 646 #poststuff .inside label.deleted {
 647         color: red;
 648 }
 649
 650 #poststuff .inside label.waiting {
 651         color: orange;
 652 }
 653
 654 #poststuff .inside label.approved {
 655         color: green;
 656 }
 657
 658 .ie8 #poststuff .inside #parent_id,
 659 .ie8 #poststuff .inside #page_template {
 660         width: 250px;
 661 }
 662
 663 #post-visibility-select {
 664         line-height: 1.5em;
 665         margin-top: 3px;
 666 }
 667
 668 #poststuff #submitdiv .inside {
 669         margin: 0;
 670         padding: 0;
 671 }
 672
 673 #post-body-content,
 674 .edit-form-section {
 675         margin-bottom: 20px;
 676 }
 677
 678 /*------------------------------------------------------------------------------
 679   11.1 - Custom Fields
 680 ------------------------------------------------------------------------------*/
 681
 682 #postcustomstuff thead th {
 683         padding: 5px 8px 8px;
 684         background-color: #f1f1f1;
 685 }
 686
 687 #postcustom #postcustomstuff .submit {
 688         border: 0 none;
 689         float: none;
 690         padding: 0 8px 8px;
 691 }
 692
 693 #side-sortables #postcustom #postcustomstuff .submit {
 694         margin: 0;
 695         padding: 0;
 696 }
 697
 698 #side-sortables #postcustom #postcustomstuff #the-list textarea {
 699         height: 85px;
 700 }
 701
 702 #side-sortables #postcustom #postcustomstuff td.left input,
 703 #side-sortables #postcustom #postcustomstuff td.left select,
 704 #side-sortables #postcustomstuff #newmetaleft a {
 705         margin: 3px 3px 0;
 706 }
 707
 708 #postcustomstuff table {
 709         margin: 0;
 710         width: 100%;
 711         border: 1px solid #dfdfdf;
 712         border-spacing: 0;
 713         background-color: #f9f9f9;
 714 }
 715
 716 #postcustomstuff tr {
 717         vertical-align: top;
 718 }
 719
 720 #postcustomstuff table input,
 721 #postcustomstuff table select,
 722 #postcustomstuff table textarea {
 723         width: 96%;
 724         margin: 8px;
 725 }
 726
 727 #side-sortables #postcustomstuff table input,
 728 #side-sortables #postcustomstuff table select,
 729 #side-sortables #postcustomstuff table textarea {
 730         margin: 3px;
 731 }
 732
 733 #postcustomstuff th.left,
 734 #postcustomstuff td.left {
 735         width: 38%;
 736 }
 737
 738 #postcustomstuff .submit input {
 739         margin: 0;
 740         width: auto;
 741 }
 742
 743 #postcustomstuff #newmetaleft a {
 744         display: inline-block;
 745         margin: 0 8px 8px;
 746         text-decoration: none;
 747 }
 748
 749 .no-js #postcustomstuff #enternew {
 750         display: none;
 751 }
 752
 753 #post-body-content .compat-attachment-fields {
 754         margin-bottom: 20px;
 755 }
 756
 757 .compat-attachment-fields th {
 758         padding-top: 5px;
 759         padding-right: 10px;
 760 }
 761
 762 /*------------------------------------------------------------------------------
 763   11.3 - Featured Images
 764 ------------------------------------------------------------------------------*/
 765
 766 #select-featured-image {
 767         padding: 4px 0;
 768         overflow: hidden;
 769 }
 770
 771 #select-featured-image img {
 772         max-width: 100%;
 773         height: auto;
 774         margin-bottom: 10px;
 775 }
 776
 777 #select-featured-image a {
 778         float: left;
 779         clear: both;
 780 }
 781
 782 #select-featured-image .remove {
 783         display: none;
 784         margin-top: 10px;
 785 }
 786
 787 .js #select-featured-image.has-featured-image .remove {
 788         display: inline-block;
 789 }
 790
 791 .no-js #select-featured-image .choose {
 792         display: none;
 793 }
 794
 795 /*------------------------------------------------------------------------------
 796   11.4 - Post formats
 797 ------------------------------------------------------------------------------*/
 798
 799 .post-state-format {
 800         overflow: hidden;
 801         display: inline-block;
 802         vertical-align: middle;
 803         height: 20px;
 804         width: 20px;
 805         margin-right: 5px;
 806         margin-top: -4px;
 807 }
 808
 809 .post-state-format:before {
 810         display: block;
 811         height: 20px;
 812         width: 20px;
 813         font: normal 20px/1 'dashicons' !important;
 814         speak: none;
 815         -webkit-font-smoothing: antialiased;
 816         -moz-osx-font-smoothing: grayscale;
 817 }
 818
 819 .post-state-format:before,
 820 .post-format-icon:before {
 821         color: #ddd;
 822         -webkit-transition: all .1s ease-in-out;
 823         transition: all .1s ease-in-out;
 824 }
 825
 826 a.post-state-format:hover:before,
 827 a.post-format-icon:hover:before {
 828         color: #2ea2cc;
 829 }
 830
 831 #post-formats-select {
 832         line-height: 2em;
 833 }
 834
 835 #post-formats-select .post-format-icon:before {
 836         top: 5px;
 837 }
 838
 839 input.post-format {
 840         margin-top: 1px;
 841 }
 842
 843 label.post-format-icon {
 844         margin-left: 0px;
 845         padding: 2px 0 2px 0px;
 846 }
 847
 848 .post-format-icon:before {
 849         position: relative;
 850         display: inline-block;
 851         margin-right: 7px;
 852         font: normal 20px/1 'dashicons';
 853         speak: none;
 854         -webkit-font-smoothing: antialiased;
 855         -moz-osx-font-smoothing: grayscale;
 856 }
 857
 858 .post-state-format.post-format-standard:before,
 859 .post-format-icon.post-format-standard:before,
 860 a.post-state-format.format-standard:before {
 861         content: '\f109';
 862 }
 863
 864 .post-state-format.post-format-image:before,
 865 .post-format-icon.post-format-image:before,
 866 a.post-state-format.format-image:before {
 867         content: '\f128';
 868 }
 869
 870 .post-state-format.post-format-gallery:before,
 871 .post-format-icon.post-format-gallery:before,
 872 a.post-state-format.format-gallery:before {
 873         content: '\f161';
 874 }
 875
 876 .post-state-format.post-format-audio:before,
 877 .post-format-icon.post-format-audio:before,
 878 a.post-state-format.format-audio:before {
 879         content: '\f127';
 880 }
 881
 882 .post-state-format.post-format-video:before,
 883 .post-format-icon.post-format-video:before,
 884 a.post-state-format.format-video:before {
 885         content: '\f126';
 886 }
 887
 888 .post-state-format.post-format-chat:before,
 889 .post-format-icon.post-format-chat:before,
 890 a.post-state-format.format-chat:before {
 891         content: '\f125';
 892 }
 893
 894 .post-state-format.post-format-status:before,
 895 .post-format-icon.post-format-status:before,
 896 a.post-state-format.format-status:before {
 897         content: '\f130';
 898 }
 899
 900 .post-state-format.post-format-aside:before,
 901 .post-format-icon.post-format-aside:before,
 902 a.post-state-format.format-aside:before {
 903         content: '\f123';
 904 }
 905
 906 .post-state-format.post-format-quote:before,
 907 .post-format-icon.post-format-quote:before,
 908 a.post-state-format.format-quote:before {
 909         content: '\f122';
 910 }
 911
 912 .post-state-format.post-format-link:before,
 913 .post-format-icon.post-format-link:before,
 914 a.post-state-format.format-link:before {
 915         content: '\f103';
 916 }
 917
 918 /*------------------------------------------------------------------------------
 919   12.0 - Categories
 920 ------------------------------------------------------------------------------*/
 921
 922 .category-adder {
 923         margin-left: 120px;
 924         padding: 4px 0;
 925 }
 926
 927 .category-adder h4 {
 928         margin: 0 0 8px;
 929 }
 930
 931 #side-sortables .category-adder {
 932         margin: 0;
 933 }
 934
 935 .wp-tab-panel,
 936 .categorydiv div.tabs-panel,
 937 .customlinkdiv div.tabs-panel,
 938 .posttypediv div.tabs-panel,
 939 .taxonomydiv div.tabs-panel {
 940         min-height: 42px;
 941         max-height: 200px;
 942         overflow: auto;
 943         padding: 0 0.9em;
 944         border: solid 1px #dfdfdf;
 945         background-color: #fdfdfd;
 946 }
 947
 948 div.tabs-panel-active {
 949         display:block;
 950 }
 951
 952 div.tabs-panel-inactive {
 953         display:none;
 954 }
 955
 956 #front-page-warning,
 957 #front-static-pages ul,
 958 ul.export-filters,
 959 .inline-editor ul.cat-checklist ul,
 960 .categorydiv ul.categorychecklist ul,
 961 .customlinkdiv ul.categorychecklist ul,
 962 .posttypediv ul.categorychecklist ul,
 963 .taxonomydiv ul.categorychecklist ul {
 964         margin-left: 18px;
 965 }
 966
 967 ul.categorychecklist li {
 968         margin: 0;
 969         padding: 0;
 970         line-height: 22px;
 971         word-wrap: break-word;
 972 }
 973
 974 .categorydiv .tabs-panel,
 975 .customlinkdiv .tabs-panel,
 976 .posttypediv .tabs-panel,
 977 .taxonomydiv .tabs-panel {
 978         border-width: 3px;
 979         border-style: solid;
 980 }
 981
 982 .form-wrap p,
 983 .form-wrap label {
 984         font-size: 11px;
 985 }
 986
 987 .form-wrap label {
 988         display: block;
 989         padding: 2px;
 990         font-size: 12px;
 991 }
 992
 993 .form-field input[type="text"],
 994 .form-field input[type="password"],
 995 .form-field input[type="email"],
 996 .form-field input[type="number"],
 997 .form-field input[type="search"],
 998 .form-field input[type="tel"],
 999 .form-field input[type="url"],
1000 .form-field textarea {
1001         border-style: solid;
1002         border-width: 1px;
1003         width: 95%;
1004 }
1005
1006 p.description,
1007 .form-wrap p {
1008         margin: 2px 0 5px;
1009         color: #666;
1010 }
1011
1012 p.help,
1013 p.description,
1014 span.description,
1015 .form-wrap p {
1016         font-size: 13px;
1017         font-style: italic;
1018 }
1019
1020 .form-wrap .form-field {
1021         margin: 0 0 10px;
1022         padding: 8px 0;
1023 }
1024
1025 .form-wrap .form-field #parent {
1026         max-width: 100%;
1027 }
1028
1029 .col-wrap h3 {
1030         margin: 12px 0;
1031         font-size: 1.1em;
1032 }
1033
1034 .col-wrap p.submit {
1035         margin-top: -10px;
1036 }
1037
1038
1039 /*------------------------------------------------------------------------------
1040   13.0 - Tags
1041 ------------------------------------------------------------------------------*/
1042
1043 .tagsdiv {
1044         margin-top: -8px;
1045 }
1046
1047 #poststuff .taghint {
1048         color: #aaa;
1049         margin: 15px 0 -24px 12px;
1050 }
1051
1052 #poststuff .tagsdiv .howto {
1053         margin: 0 0 6px 0;
1054 }
1055
1056 .ajaxtag .newtag {
1057         position: relative;
1058 }
1059
1060 .tagsdiv .newtag {
1061         width: 180px;
1062 }
1063
1064 .tagsdiv .the-tags {
1065         display: block;
1066         height: 60px;
1067         margin: 0 auto;
1068         overflow: auto;
1069         width: 260px;
1070 }
1071
1072 #post-body-content .tagsdiv .the-tags {
1073         margin: 0 5px;
1074 }
1075
1076 /* tag hints */
1077 .taghint {
1078         color: #aaa;
1079         margin: -17px 0 0 7px;
1080         visibility: hidden;
1081 }
1082
1083 input.newtag ~ div.taghint {
1084         visibility: visible;
1085 }
1086
1087 input.newtag:focus ~ div.taghint {
1088         visibility: hidden;
1089 }
1090
1091 p.popular-tags {
1092         border: none;
1093         line-height: 2em;
1094         padding: 8px 12px 12px;
1095         text-align: justify;
1096 }
1097
1098 p.popular-tags a {
1099         padding: 0 3px;
1100 }
1101
1102 .tagcloud {
1103         width: 97%;
1104         margin: 0 0 40px;
1105         text-align: justify;
1106 }
1107
1108 .tagcloud h3 {
1109         margin: 2px 0 12px;
1110 }
1111
1112 .ac_results {
1113         padding: 0;
1114         margin: 0;
1115         list-style: none;
1116         position: absolute;
1117         z-index: 10000;
1118         display: none;
1119         border: 1px solid #808080;
1120         background-color: #fff;
1121 }
1122
1123 .wp-customizer .ac_results {
1124         z-index: 500000;
1125 }
1126
1127 .ac_results li {
1128         padding: 2px 5px;
1129         white-space: nowrap;
1130         color: #101010;
1131         text-align: left;
1132 }
1133
1134 .ac_over {
1135         background-color: #f0f0b8;
1136         cursor: pointer;
1137 }
1138
1139 .ac_match {
1140         text-decoration: underline;
1141 }
1142
1143 /* Comments */
1144
1145 .comment-php .wp-editor-area {
1146         height: 200px;
1147 }
1148
1149 .comment-ays {
1150         margin-bottom: 0;
1151         border-bottom-style: solid;
1152         border-bottom-width: 1px;
1153 }
1154
1155 .comment-ays .alt {
1156         background-color: transparent;
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 /* =Media Queries
1224 -------------------------------------------------------------- */
1225
1226 /**
1227  * HiDPI Displays
1228  */
1229 @media print,
1230   (-o-min-device-pixel-ratio: 5/4),
1231   (-webkit-min-device-pixel-ratio: 1.25),
1232   (min-resolution: 120dpi) {
1233         #content-resize-handle,
1234         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1235                 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1236                 -webkit-background-size: 11px 11px;
1237                 background-size: 11px 11px;
1238         }
1239
1240         .rtl #content-resize-handle,
1241         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1242                 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
1243         }
1244 }
1245
1246 /* one column on the post write/edit screen */
1247 @media only screen and (max-width: 850px) {
1248         #poststuff {
1249                 min-width: 0;
1250         }
1251
1252         #wpbody-content #poststuff #post-body {
1253                 margin: 0;
1254         }
1255
1256         #wpbody-content #post-body.columns-2 #postbox-container-1 {
1257                 margin-right: 0;
1258                 width: 100%;
1259         }
1260
1261         #poststuff #postbox-container-1 .empty-container,
1262         #poststuff #postbox-container-1 #side-sortables:empty {
1263                 border: 0 none;
1264                 height: 0;
1265                 min-height: 0;
1266         }
1267
1268         #poststuff #post-body.columns-2 #side-sortables {
1269                 min-height: 0;
1270                 width: auto;
1271         }
1272
1273         /* hide the radio buttons for column prefs */
1274         .screen-layout,
1275         .columns-prefs {
1276                 display: none;
1277         }
1278 }
1279
1280 @media screen and ( max-width: 782px ) {
1281         #post-body-content {
1282                 min-width: 0;
1283         }
1284
1285         #titlediv #title-prompt-text {
1286                 padding: 10px 10px;
1287         }
1288
1289         #poststuff h3 {
1290                 padding: 12px;
1291         }
1292
1293         .post-format-options {
1294                 padding-right: 0;
1295         }
1296
1297         .post-format-options a {
1298                 margin-right: 5px;
1299                 margin-bottom: 5px;
1300                 min-width: 52px;
1301         }
1302
1303         .post-format-options .post-format-title {
1304                 font-size: 11px;
1305         }
1306
1307         .post-format-options a div {
1308                 height: 28px;
1309                 width: 28px;
1310         }
1311
1312         .post-format-options a div:before {
1313                 font-size: 26px !important;
1314         }
1315
1316         /* Publish Metabox Options */
1317         #post-visibility-select {
1318                 line-height: 280%;
1319         }
1320
1321         .wp-core-ui .save-post-visibility,
1322         .wp-core-ui .save-timestamp {
1323                 vertical-align: middle;
1324                 margin-right: 15px;
1325         }
1326
1327         .timestamp-wrap select#mm {
1328                 display: block;
1329                 width: 100%;
1330                 margin-bottom: 10px;
1331         }
1332
1333         .timestamp-wrap #jj,
1334         .timestamp-wrap #aa,
1335         .timestamp-wrap #hh,
1336         .timestamp-wrap #mn {
1337                 padding: 12px 3px;
1338                 font-size: 14px;
1339                 margin-bottom: 5px;
1340                 width: auto;
1341                 text-align: center;
1342         }
1343
1344         /* Categories Metabox */
1345         ul.category-tabs {
1346                 margin: 30px 0 15px;
1347         }
1348
1349         ul.category-tabs li.tabs {
1350                 padding: 15px;
1351         }
1352
1353         ul.categorychecklist li {
1354                 margin-bottom: 15px;
1355         }
1356
1357         ul.categorychecklist ul {
1358                 margin-top: 15px;
1359         }
1360
1361         .category-add input[type=text],
1362         .category-add select {
1363                 max-width: none;
1364                 margin-bottom: 15px;
1365         }
1366
1367         /* Tags Metabox */
1368         .tagsdiv .newtag {
1369                 width: 100%;
1370                 height: auto;
1371                 margin-bottom: 15px;
1372         }
1373
1374         .tagchecklist {
1375                 margin: 25px 10px;
1376         }
1377
1378         .tagchecklist span {
1379                 font-size: 16px;
1380                 line-height: 120%;
1381         }
1382
1383         /* Discussion */
1384         #commentstatusdiv p {
1385                 line-height: 2.8;
1386         }
1387
1388         /* TinyMCE Adjustments */
1389         .mceToolbar * {
1390                 white-space: normal !important;
1391         }
1392
1393         .mceToolbar tr,
1394         .mceToolbar td {
1395                 float: left !important;
1396         }
1397
1398         .wp_themeSkin a.mceButton {
1399                 width: 30px;
1400                 height: 30px;
1401         }
1402
1403         .wp_themeSkin .mceButton .mceIcon {
1404                 margin-top: 5px;
1405                 margin-left: 5px;
1406         }
1407
1408         .wp_themeSkin .mceSplitButton {
1409                 margin-top: 1px;
1410         }
1411
1412         .wp_themeSkin .mceSplitButton td a.mceAction {
1413                 padding-top: 6px;
1414                 padding-bottom: 6px;
1415                 padding-left: 6px;
1416                 padding-right: 3px;
1417         }
1418
1419         .wp_themeSkin .mceSplitButton td a.mceOpen,
1420         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1421                 padding-top: 6px;
1422                 padding-bottom: 6px;
1423                 background-position: 1px 6px;
1424         }
1425
1426         .wp_themeSkin table.mceListBox {
1427                 margin: 5px;
1428         }
1429
1430         div.quicktags-toolbar input {
1431                 padding: 10px 20px;
1432         }
1433
1434         a.wp-switch-editor {
1435                 font-size: 16px;
1436                 line-height: 1em;
1437                 margin: 3px 0 0 7px;
1438                 padding: 12px 15px;
1439         }
1440
1441         #wp-content-media-buttons a {
1442                 font-size: 16px;
1443                 line-height: 37px;
1444                 height: 39px;
1445                 padding: 0 20px 0 15px;
1446         }
1447
1448         .wp-media-buttons span.wp-media-buttons-icon,
1449         .wp-media-buttons span.jetpack-contact-form-icon {
1450                 width: 22px !important;
1451                 margin-top: -3px !important;
1452                 margin-left: -5px !important;
1453         }
1454
1455         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1456         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1457                 font-size: 20px !important;
1458         }
1459
1460         #content_wp_fullscreen {
1461                 display: none;
1462         }
1463
1464         .misc-pub-section {
1465                 padding: 20px 10px 20px;
1466         }
1467
1468         .misc-pub-section > a {
1469                 float: right;
1470                 font-size: 16px;
1471         }
1472
1473         #delete-action,
1474         #publishing-action {
1475                 line-height: 47px;
1476         }
1477
1478         /* Moderate Comment */
1479         .comment-ays {
1480                 border-bottom: none;
1481         }
1482
1483         /* Links */
1484         .links-table #link_rel {
1485                 max-width: none;
1486         }
1487
1488         .links-table th,
1489         .links-table td {
1490                 padding: 10px 0;
1491         }
1492 }
1493
1494 @media only screen and (max-width: 500px) {
1495         /* Align Add Media + Visual + Text tabs */
1496         #wp-content-media-buttons a {
1497                 font-size: 14px;
1498                 padding: 0 10px 0 10px;
1499         }
1500 }