edit.css (37252B)
1 #poststuff { 2 padding-top: 10px; 3 min-width: 763px; 4 } 5 6 #poststuff #post-body { 7 padding: 0; 8 } 9 10 #poststuff .postbox-container { 11 width: 100%; 12 } 13 14 #poststuff #post-body.columns-2 { 15 margin-right: 300px; 16 } 17 18 /*------------------------------------------------------------------------------ 19 11.0 - Write/Edit Post Screen 20 ------------------------------------------------------------------------------*/ 21 22 #show-comments { 23 overflow: hidden; 24 } 25 26 #save-action .spinner, 27 #show-comments a { 28 float: left; 29 } 30 31 #show-comments .spinner { 32 float: none; 33 margin-top: 0; 34 } 35 36 #lost-connection-notice .spinner { 37 visibility: visible; 38 float: left; 39 margin: 0 5px 0 0; 40 } 41 42 #titlediv { 43 position: relative; 44 } 45 46 #titlediv label { 47 cursor: text; 48 } 49 50 #titlediv div.inside { 51 margin: 0; 52 } 53 54 #poststuff #titlewrap { 55 border: 0; 56 padding: 0; 57 } 58 59 #titlediv #title { 60 padding: 3px 8px; 61 font-size: 1.7em; 62 line-height: 100%; 63 height: 1.7em; 64 width: 100%; 65 outline: none; 66 margin: 0 0 3px; 67 background-color: #fff; 68 } 69 70 #titlediv #title-prompt-text { 71 color: #646970; 72 position: absolute; 73 font-size: 1.7em; 74 padding: 10px; 75 pointer-events: none; 76 } 77 78 input#link_description, 79 input#link_url { 80 width: 100%; 81 } 82 83 #pending { 84 background: 0 none; 85 border: 0 none; 86 padding: 0; 87 font-size: 11px; 88 margin-top: -1px; 89 } 90 91 #edit-slug-box, 92 #comment-link-box { 93 line-height: 1.84615384; 94 min-height: 25px; 95 margin-top: 5px; 96 padding: 0 10px; 97 color: #646970; 98 } 99 100 #edit-slug-box .cancel { 101 margin-right: 10px; 102 padding: 0; 103 font-size: 11px; 104 } 105 106 #comment-link-box { 107 margin: 5px 0; 108 padding: 0 5px; 109 } 110 111 #editable-post-name-full { 112 display: none; 113 } 114 115 #editable-post-name { 116 font-weight: 600; 117 } 118 119 #editable-post-name input { 120 font-size: 13px; 121 font-weight: 400; 122 height: 24px; 123 margin: 0; 124 width: 16em; 125 } 126 127 .postarea h3 label { 128 float: left; 129 } 130 131 body.post-new-php .submitbox .submitdelete { 132 display: none; 133 } 134 135 .submitbox .submit a:hover { 136 text-decoration: underline; 137 } 138 139 .submitbox .submit input { 140 margin-bottom: 8px; 141 margin-right: 4px; 142 padding: 6px; 143 } 144 145 #post-status-select { 146 margin-top: 3px; 147 } 148 149 /* Post Screen */ 150 151 /* Only highlight drop zones when dragging and only in the 2 columns layout. */ 152 .is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables { 153 outline: 3px dashed #646970; 154 /* Prevent margin on the child from collapsing with margin on the parent. */ 155 display: flow-root; 156 /* 157 * This min-height is meant to limit jumpiness while dragging. It's equivalent 158 * to the minimum height of the sortable-placeholder which is given by the height 159 * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder 160 * bottom margin (20px) + 2 additional pixels to compensate browsers rounding. 161 */ 162 min-height: 60px; 163 margin-bottom: 20px; 164 } 165 166 .postbox { 167 position: relative; 168 min-width: 255px; 169 border: 1px solid #c3c4c7; 170 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 171 background: #fff; 172 } 173 174 #trackback_url { 175 width: 99%; 176 } 177 178 #normal-sortables .postbox .submit { 179 background: transparent none; 180 border: 0 none; 181 float: right; 182 padding: 0 12px; 183 margin: 0; 184 } 185 186 .category-add input[type="text"], 187 .category-add select { 188 width: 100%; 189 max-width: 260px; 190 vertical-align: baseline; 191 } 192 193 #side-sortables .category-add input[type="text"], 194 #side-sortables .category-add select { 195 margin: 0 0 1em; 196 } 197 198 ul.category-tabs li, 199 #side-sortables .add-menu-item-tabs li, 200 .wp-tab-bar li { 201 display: inline; 202 line-height: 1.35; 203 } 204 205 .no-js .category-tabs li.hide-if-no-js { 206 display: none; 207 } 208 209 .category-tabs a, 210 #side-sortables .add-menu-item-tabs a, 211 .wp-tab-bar a { 212 text-decoration: none; 213 } 214 215 /* @todo: do these really need to be so specific? */ 216 #side-sortables .category-tabs .tabs a, 217 #side-sortables .add-menu-item-tabs .tabs a, 218 .wp-tab-bar .wp-tab-active a, 219 #post-body ul.category-tabs li.tabs a, 220 #post-body ul.add-menu-item-tabs li.tabs a { 221 color: #2c3338; 222 } 223 224 .category-tabs { 225 margin: 8px 0 5px; 226 } 227 228 /* Back-compat for pre-4.4 */ 229 #category-adder h4 { 230 margin: 0; 231 } 232 233 .taxonomy-add-new { 234 display: inline-block; 235 margin: 10px 0; 236 font-weight: 600; 237 } 238 239 #side-sortables .add-menu-item-tabs, 240 .wp-tab-bar { 241 margin-bottom: 3px; 242 } 243 244 #normal-sortables .postbox #replyrow .submit { 245 float: none; 246 margin: 0; 247 padding: 5px 7px 10px; 248 overflow: hidden; 249 } 250 251 #side-sortables .submitbox .submit input, 252 #side-sortables .submitbox .submit .preview, 253 #side-sortables .submitbox .submit a.preview:hover { 254 border: 0 none; 255 } 256 257 /* @todo: make this a more generic class */ 258 ul.category-tabs, 259 ul.add-menu-item-tabs, 260 ul.wp-tab-bar { 261 margin-top: 12px; 262 } 263 264 ul.category-tabs li, 265 ul.add-menu-item-tabs li { 266 border: solid 1px transparent; 267 position: relative; 268 } 269 270 ul.category-tabs li.tabs, 271 ul.add-menu-item-tabs li.tabs, 272 .wp-tab-active { 273 border: 1px solid #dcdcde; 274 border-bottom-color: #fff; 275 background-color: #fff; 276 } 277 278 ul.category-tabs li, 279 ul.add-menu-item-tabs li, 280 ul.wp-tab-bar li { 281 padding: 3px 5px 6px; 282 } 283 284 #set-post-thumbnail { 285 display: inline-block; 286 max-width: 100%; 287 } 288 289 #postimagediv .inside img { 290 max-width: 100%; 291 height: auto; 292 width: auto; 293 vertical-align: top; 294 background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); 295 background-position: 0 0, 10px 10px; 296 background-size: 20px 20px; 297 } 298 299 form#tags-filter { 300 position: relative; 301 } 302 303 /* Global classes */ 304 .wp-hidden-children .wp-hidden-child, 305 .ui-tabs-hide { 306 display: none; 307 } 308 309 #post-body .tagsdiv #newtag { 310 margin-right: 5px; 311 width: 16em; 312 } 313 314 #side-sortables input#post_password { 315 width: 94% 316 } 317 318 #side-sortables .tagsdiv #newtag { 319 width: 68%; 320 } 321 322 #post-status-info { 323 width: 100%; 324 border-spacing: 0; 325 border: 1px solid #c3c4c7; 326 border-top: none; 327 background-color: #f6f7f7; 328 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 329 z-index: 999; 330 } 331 332 #post-status-info td { 333 font-size: 12px; 334 } 335 336 .autosave-info { 337 padding: 2px 10px; 338 text-align: right; 339 } 340 341 #editorcontent #post-status-info { 342 border: none; 343 } 344 345 #content-resize-handle { 346 background: transparent url(../images/resize.gif) no-repeat scroll right bottom; 347 width: 12px; 348 cursor: row-resize; 349 } 350 351 /*rtl:ignore*/ 352 .rtl #content-resize-handle { 353 background-image: url(../images/resize-rtl.gif); 354 background-position: left bottom; 355 } 356 357 .wp-editor-expand #content-resize-handle { 358 display: none; 359 } 360 361 #postdivrich #content { 362 resize: none; 363 } 364 365 #wp-word-count { 366 padding: 2px 10px; 367 } 368 369 #wp-content-editor-container { 370 position: relative; 371 } 372 373 .wp-editor-expand #wp-content-editor-tools { 374 z-index: 1000; 375 border-bottom: 1px solid #c3c4c7; 376 } 377 378 .wp-editor-expand #wp-content-editor-container { 379 box-shadow: none; 380 margin-top: -1px; 381 } 382 383 .wp-editor-expand #wp-content-editor-container { 384 border-bottom: 0 none; 385 } 386 387 .wp-editor-expand div.mce-statusbar { 388 z-index: 1; 389 } 390 391 .wp-editor-expand #post-status-info { 392 border-top: 1px solid #c3c4c7; 393 } 394 395 .wp-editor-expand div.mce-toolbar-grp { 396 z-index: 999; 397 } 398 399 /* TinyMCE native fullscreen mode override */ 400 .mce-fullscreen #wp-content-wrap .mce-menubar, 401 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp, 402 .mce-fullscreen #wp-content-wrap .mce-edit-area, 403 .mce-fullscreen #wp-content-wrap .mce-statusbar { 404 position: static !important; 405 width: auto !important; 406 padding: 0 !important; 407 } 408 409 .mce-fullscreen #wp-content-wrap .mce-statusbar { 410 visibility: visible !important; 411 } 412 413 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw { 414 display: none; 415 } 416 417 .post-php.mce-fullscreen #wpadminbar, 418 .mce-fullscreen #wp-content-wrap .mce-wp-dfw { 419 display: none; 420 } 421 /* End TinyMCE native fullscreen mode override */ 422 423 #wp-content-editor-tools { 424 background-color: #f0f0f1; 425 padding-top: 20px; 426 } 427 428 #poststuff #post-body.columns-2 #side-sortables { 429 width: 280px; 430 } 431 432 #timestampdiv select { 433 vertical-align: top; 434 font-size: 12px; 435 line-height: 2.33333333; /* 28px */ 436 } 437 438 #aa, #jj, #hh, #mn { 439 padding: 6px 1px; 440 font-size: 12px; 441 line-height: 1.16666666; /* 14px */ 442 } 443 444 #jj, #hh, #mn { 445 width: 2em; 446 } 447 448 #aa { 449 width: 3.4em; 450 } 451 452 .curtime #timestamp { 453 padding: 2px 0 1px 0; 454 display: inline !important; 455 height: auto !important; 456 } 457 458 #post-body .misc-pub-post-status:before, 459 #post-body #visibility:before, 460 .curtime #timestamp:before, 461 #post-body .misc-pub-uploadedby:before, 462 #post-body .misc-pub-uploadedto:before, 463 #post-body .misc-pub-revisions:before, 464 #post-body .misc-pub-response-to:before, 465 #post-body .misc-pub-comment-status:before { 466 color: #8c8f94; 467 } 468 469 #post-body .misc-pub-post-status:before, 470 #post-body #visibility:before, 471 .curtime #timestamp:before, 472 #post-body .misc-pub-uploadedby:before, 473 #post-body .misc-pub-uploadedto:before, 474 #post-body .misc-pub-revisions:before, 475 #post-body .misc-pub-response-to:before, 476 #post-body .misc-pub-comment-status:before { 477 font: normal 20px/1 dashicons; 478 speak: never; 479 display: inline-block; 480 margin-left: -1px; 481 padding-right: 3px; 482 vertical-align: top; 483 -webkit-font-smoothing: antialiased; 484 -moz-osx-font-smoothing: grayscale; 485 } 486 487 #post-body .misc-pub-post-status:before, 488 #post-body .misc-pub-comment-status:before { 489 content: "\f173"; 490 } 491 492 #post-body #visibility:before { 493 content: "\f177"; 494 } 495 496 .curtime #timestamp:before { 497 content: "\f145"; 498 position: relative; 499 top: -1px; 500 } 501 502 #post-body .misc-pub-uploadedby:before { 503 content: "\f110"; 504 position: relative; 505 top: -1px; 506 } 507 508 #post-body .misc-pub-uploadedto:before { 509 content: "\f318"; 510 position: relative; 511 top: -1px; 512 } 513 514 #post-body .misc-pub-revisions:before { 515 content: "\f321"; 516 } 517 518 #post-body .misc-pub-response-to:before { 519 content: "\f101"; 520 } 521 522 #timestampdiv { 523 padding-top: 5px; 524 line-height: 1.76923076; 525 } 526 527 #timestampdiv p { 528 margin: 8px 0 6px; 529 } 530 531 #timestampdiv input { 532 text-align: center; 533 } 534 535 .notification-dialog { 536 position: fixed; 537 top: 30%; 538 max-height: 70%; 539 left: 50%; 540 width: 450px; 541 margin-left: -225px; 542 background: #fff; 543 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 544 line-height: 1.5; 545 z-index: 1000005; 546 overflow-y: auto; 547 } 548 549 .notification-dialog-background { 550 position: fixed; 551 top: 0; 552 left: 0; 553 right: 0; 554 bottom: 0; 555 background: #000; 556 opacity: 0.7; 557 filter: alpha(opacity=70); 558 z-index: 1000000; 559 } 560 561 #post-lock-dialog .post-locked-message, 562 #post-lock-dialog .post-taken-over { 563 margin: 25px; 564 } 565 566 #post-lock-dialog .post-locked-message a.button, 567 #file-editor-warning .button { 568 margin-right: 10px; 569 } 570 571 #post-lock-dialog .post-locked-avatar { 572 float: left; 573 margin: 0 20px 20px 0; 574 } 575 576 #post-lock-dialog .wp-tab-first { 577 outline: 0; 578 } 579 580 #post-lock-dialog .locked-saving img { 581 float: left; 582 margin-right: 3px; 583 } 584 585 #post-lock-dialog.saving .locked-saving, 586 #post-lock-dialog.saved .locked-saved { 587 display: inline; 588 } 589 590 #excerpt { 591 display: block; 592 margin: 12px 0 0; 593 height: 4em; 594 width: 100%; 595 } 596 597 .tagchecklist { 598 margin-left: 14px; 599 font-size: 12px; 600 overflow: auto; 601 } 602 603 .tagchecklist br { 604 display: none; 605 } 606 607 .tagchecklist strong { 608 margin-left: -8px; 609 position: absolute; 610 } 611 612 .tagchecklist > li { 613 float: left; 614 margin-right: 25px; 615 font-size: 13px; 616 line-height: 1.8; 617 cursor: default; 618 max-width: 100%; 619 overflow: hidden; 620 text-overflow: ellipsis; 621 } 622 623 .tagchecklist .ntdelbutton { 624 position: absolute; 625 width: 24px; 626 height: 24px; 627 border: none; 628 margin: 0 0 0 -19px; 629 padding: 0; 630 background: none; 631 cursor: pointer; 632 text-indent: 0; 633 } 634 635 #poststuff h3.hndle, /* Back-compat for pre-4.4 */ 636 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */ 637 #poststuff h2 { 638 font-size: 14px; 639 padding: 8px 12px; 640 margin: 0; 641 line-height: 1.4; 642 } 643 644 #poststuff .stuffbox h2 { 645 padding: 8px 10px; 646 } 647 648 #poststuff .stuffbox > h2 { 649 border-bottom: 1px solid #f0f0f1; 650 } 651 652 #poststuff .inside { 653 margin: 6px 0 0 0; 654 } 655 656 .link-php #poststuff .inside, 657 .link-add-php #poststuff .inside { 658 margin-top: 12px; 659 } 660 661 #poststuff .stuffbox .inside { 662 margin: 0; 663 } 664 665 #poststuff .inside #parent_id, 666 #poststuff .inside #page_template { 667 max-width: 100%; 668 } 669 670 .post-attributes-label-wrapper { 671 margin-bottom: 0.5em; 672 } 673 674 .post-attributes-label { 675 vertical-align: baseline; 676 font-weight: 600; 677 } 678 679 #post-visibility-select, 680 #comment-status-radio { 681 line-height: 1.5; 682 margin-top: 3px; 683 } 684 685 #linksubmitdiv .inside, /* Old Link Manager back-compat. */ 686 #poststuff #submitdiv .inside { 687 margin: 0; 688 padding: 0; 689 } 690 691 #post-body-content, 692 .edit-form-section { 693 margin-bottom: 20px; 694 } 695 696 .wp_attachment_details .attachment-content-description { 697 margin-top: 0.5385em; 698 display: inline-block; 699 min-height: 1.6923em; 700 } 701 702 /** 703 * Privacy Settings section 704 * 705 * Note: This section includes selectors from 706 * Site Health where duplicate styling is used. 707 */ 708 709 /* General */ 710 .privacy-settings #wpcontent, 711 .privacy-settings.auto-fold #wpcontent, 712 .site-health #wpcontent, 713 .site-health.auto-fold #wpcontent { 714 padding-left: 0; 715 } 716 717 /* Emulates .wrap h1 styling */ 718 .privacy-settings-header h1, 719 .health-check-header h1 { 720 display: inline-block; 721 font-weight: 600; 722 margin: 0 0.8rem 1rem; 723 font-size: 23px; 724 padding: 9px 0 4px 0; 725 line-height: 1.3; 726 } 727 728 /* Header */ 729 .privacy-settings-header, 730 .health-check-header { 731 text-align: center; 732 margin: 0 0 1rem; 733 background: #fff; 734 border-bottom: 1px solid #dcdcde; 735 } 736 737 .privacy-settings-title-section, 738 .health-check-title-section { 739 display: flex; 740 align-items: center; 741 justify-content: center; 742 clear: both; 743 padding-top: 8px; 744 } 745 746 .privacy-settings-tabs-wrapper { 747 /* IE 11 */ 748 display: -ms-inline-grid; 749 -ms-grid-columns: 1fr 1fr; 750 vertical-align: top; 751 /* modern browsers */ 752 display: inline-grid; 753 grid-template-columns: 1fr 1fr; 754 } 755 756 .privacy-settings-tab { 757 display: block; /* IE 11 */ 758 text-decoration: none; 759 color: inherit; 760 padding: 0.5rem 1rem 1rem; 761 margin: 0 1rem; 762 transition: box-shadow 0.5s ease-in-out; 763 } 764 765 .privacy-settings-tab:nth-child(1), 766 .health-check-tab:nth-child(1) { 767 -ms-grid-column: 1; /* IE 11 */ 768 } 769 770 .privacy-settings-tab:nth-child(2), 771 .health-check-tab:nth-child(2) { 772 -ms-grid-column: 2; /* IE 11 */ 773 } 774 775 .privacy-settings-tab:focus, 776 .health-check-tab:focus { 777 color: #1d2327; 778 outline: 1px solid #787c82; 779 box-shadow: none; 780 } 781 782 .privacy-settings-tab.active, 783 .health-check-tab.active { 784 box-shadow: inset 0 -3px #3582c4; 785 font-weight: 600; 786 } 787 788 /* Body */ 789 .privacy-settings-body, 790 .health-check-body { 791 max-width: 800px; 792 margin: 0 auto; 793 } 794 795 .tools-privacy-policy-page th { 796 min-width: 230px; 797 } 798 799 .hr-separator { 800 margin-top: 20px; 801 margin-bottom: 15px; 802 } 803 804 /* Accordions */ 805 .privacy-settings-accordion, 806 .health-check-accordion { 807 border: 1px solid #c3c4c7; 808 } 809 810 .privacy-settings-accordion-heading, 811 .health-check-accordion-heading { 812 margin: 0; 813 border-top: 1px solid #c3c4c7; 814 font-size: inherit; 815 line-height: inherit; 816 font-weight: 600; 817 color: inherit; 818 } 819 820 .privacy-settings-accordion-heading:first-child, 821 .health-check-accordion-heading:first-child { 822 border-top: none; 823 } 824 825 .privacy-settings-accordion-trigger, 826 .health-check-accordion-trigger { 827 background: #fff; 828 border: 0; 829 color: #2c3338; 830 cursor: pointer; 831 display: flex; 832 font-weight: 400; 833 margin: 0; 834 padding: 1em 3.5em 1em 1.5em; 835 min-height: 46px; 836 position: relative; 837 text-align: left; 838 width: 100%; 839 align-items: center; 840 justify-content: space-between; 841 -webkit-user-select: auto; 842 user-select: auto; 843 } 844 845 .privacy-settings-accordion-trigger:hover, 846 .privacy-settings-accordion-trigger:active, 847 .health-check-accordion-trigger:hover, 848 .health-check-accordion-trigger:active { 849 background: #f6f7f7; 850 } 851 852 .privacy-settings-accordion-trigger:focus, 853 .health-check-accordion-trigger:focus { 854 color: #1d2327; 855 border: none; 856 box-shadow: none; 857 outline-offset: -1px; 858 outline: 2px solid #2271b1; 859 background-color: #f6f7f7; 860 } 861 862 .privacy-settings-accordion-trigger .title, 863 .health-check-accordion-trigger .title { 864 pointer-events: none; 865 font-weight: 600; 866 flex-grow: 1; 867 } 868 869 .privacy-settings-accordion-trigger .icon, 870 .privacy-settings-view-read .icon, 871 .health-check-accordion-trigger .icon, 872 .site-health-view-passed .icon { 873 border: solid #50575e; 874 border-width: 0 2px 2px 0; 875 height: 0.5rem; 876 pointer-events: none; 877 position: absolute; 878 right: 1.5em; 879 top: 50%; 880 transform: translateY(-70%) rotate(45deg); 881 width: 0.5rem; 882 } 883 884 .privacy-settings-accordion-trigger .badge, 885 .health-check-accordion-trigger .badge { 886 padding: 0.1rem 0.5rem 0.15rem; 887 color: #2c3338; 888 font-weight: 600; 889 } 890 891 .privacy-settings-accordion-trigger .badge { 892 margin-left: 0.5rem; 893 } 894 895 .privacy-settings-accordion-trigger .badge.blue, 896 .health-check-accordion-trigger .badge.blue { 897 border: 1px solid #72aee6; 898 } 899 900 .privacy-settings-accordion-trigger .badge.orange, 901 .health-check-accordion-trigger .badge.orange { 902 border: 1px solid #dba617; 903 } 904 905 .privacy-settings-accordion-trigger .badge.red, 906 .health-check-accordion-trigger .badge.red { 907 border: 1px solid #e65054; 908 } 909 910 .privacy-settings-accordion-trigger .badge.green, 911 .health-check-accordion-trigger .badge.green { 912 border: 1px solid #00ba37; 913 } 914 915 .privacy-settings-accordion-trigger .badge.purple, 916 .health-check-accordion-trigger .badge.purple { 917 border: 1px solid #2271b1; 918 } 919 920 .privacy-settings-accordion-trigger .badge.gray, 921 .health-check-accordion-trigger .badge.gray { 922 border: 1px solid #c3c4c7; 923 } 924 925 .privacy-settings-accordion-trigger[aria-expanded="true"] .icon, 926 .privacy-settings-view-passed[aria-expanded="true"] .icon, 927 .health-check-accordion-trigger[aria-expanded="true"] .icon, 928 .site-health-view-passed[aria-expanded="true"] .icon { 929 transform: translateY(-30%) rotate(-135deg) 930 } 931 932 .privacy-settings-accordion-panel, 933 .health-check-accordion-panel { 934 margin: 0; 935 padding: 1em 1.5em; 936 background: #fff; 937 } 938 939 .privacy-settings-accordion-panel[hidden], 940 .health-check-accordion-panel[hidden] { 941 display: none; 942 } 943 944 .privacy-settings-accordion-panel a .dashicons, 945 .health-check-accordion-panel a .dashicons { 946 text-decoration: none; 947 } 948 949 .privacy-settings-accordion-actions { 950 text-align: right; 951 display: block; 952 } 953 954 .privacy-settings-accordion-actions .success { 955 display: none; 956 color: #008a20; 957 padding-right: 1em; 958 padding-top: 6px; 959 } 960 961 .privacy-settings-accordion-actions .success.visible { 962 display: inline-block; 963 } 964 965 /* Suggested text for privacy policy */ 966 .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */ 967 .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial, 968 .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy { 969 display: none; 970 } 971 972 .privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */ 973 .privacy-settings-accordion-panel strong.privacy-policy-tutorial { 974 display: block; 975 margin: 0 0 1em; 976 } 977 978 .privacy-text-copy span { 979 pointer-events: none; 980 } 981 982 .privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p), 983 .privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p), 984 .privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p), 985 .privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) { 986 margin: 0; 987 padding: 1em; 988 border-left: 2px solid #787c82; 989 } 990 991 /* Media queries */ 992 @media screen and (max-width: 782px) { 993 994 .privacy-settings-body, 995 .health-check-body { 996 margin: 0 12px; 997 width: auto; 998 } 999 1000 .privacy-settings .notice, 1001 .site-health .notice { 1002 margin: 5px 10px 15px; 1003 } 1004 1005 .privacy-settings .update-nag, 1006 .site-health .update-nag { 1007 margin-right: 10px; 1008 margin-left: 10px; 1009 } 1010 1011 input#create-page { 1012 margin-top: 10px; 1013 } 1014 1015 .wp-core-ui button.privacy-text-copy { 1016 white-space: normal; 1017 line-height: 1.8; 1018 } 1019 } 1020 1021 @media only screen and (max-width: 1004px) { 1022 1023 .privacy-settings-body, 1024 .health-check-body { 1025 margin: 0 22px; 1026 width: auto; 1027 } 1028 } 1029 1030 /** 1031 * End Privacy Settings section 1032 */ 1033 1034 /*------------------------------------------------------------------------------ 1035 11.1 - Custom Fields 1036 ------------------------------------------------------------------------------*/ 1037 1038 #postcustomstuff thead th { 1039 padding: 5px 8px 8px; 1040 background-color: #f0f0f1; 1041 } 1042 1043 #postcustom #postcustomstuff .submit { 1044 border: 0 none; 1045 float: none; 1046 padding: 0 8px 8px; 1047 } 1048 1049 #side-sortables #postcustom #postcustomstuff .submit { 1050 margin: 0; 1051 padding: 0; 1052 } 1053 1054 #side-sortables #postcustom #postcustomstuff #the-list textarea { 1055 height: 85px; 1056 } 1057 1058 #side-sortables #postcustom #postcustomstuff td.left input, 1059 #side-sortables #postcustom #postcustomstuff td.left select, 1060 #side-sortables #postcustomstuff #newmetaleft a { 1061 margin: 3px 3px 0; 1062 } 1063 1064 #postcustomstuff table { 1065 margin: 0; 1066 width: 100%; 1067 border: 1px solid #dcdcde; 1068 border-spacing: 0; 1069 background-color: #f6f7f7; 1070 } 1071 1072 #postcustomstuff tr { 1073 vertical-align: top; 1074 } 1075 1076 #postcustomstuff table input, 1077 #postcustomstuff table select, 1078 #postcustomstuff table textarea { 1079 width: 96%; 1080 margin: 8px; 1081 } 1082 1083 #side-sortables #postcustomstuff table input, 1084 #side-sortables #postcustomstuff table select, 1085 #side-sortables #postcustomstuff table textarea { 1086 margin: 3px; 1087 } 1088 1089 #postcustomstuff th.left, 1090 #postcustomstuff td.left { 1091 width: 38%; 1092 } 1093 1094 #postcustomstuff .submit input { 1095 margin: 0; 1096 width: auto; 1097 } 1098 1099 #postcustomstuff #newmetaleft a { 1100 display: inline-block; 1101 margin: 0 8px 8px; 1102 text-decoration: none; 1103 } 1104 1105 .no-js #postcustomstuff #enternew { 1106 display: none; 1107 } 1108 1109 #post-body-content .compat-attachment-fields { 1110 margin-bottom: 20px; 1111 } 1112 1113 .compat-attachment-fields th { 1114 padding-top: 5px; 1115 padding-right: 10px; 1116 } 1117 1118 /*------------------------------------------------------------------------------ 1119 11.3 - Featured Images 1120 ------------------------------------------------------------------------------*/ 1121 1122 #select-featured-image { 1123 padding: 4px 0; 1124 overflow: hidden; 1125 } 1126 1127 #select-featured-image img { 1128 max-width: 100%; 1129 height: auto; 1130 margin-bottom: 10px; 1131 } 1132 1133 #select-featured-image a { 1134 float: left; 1135 clear: both; 1136 } 1137 1138 #select-featured-image .remove { 1139 display: none; 1140 margin-top: 10px; 1141 } 1142 1143 .js #select-featured-image.has-featured-image .remove { 1144 display: inline-block; 1145 } 1146 1147 .no-js #select-featured-image .choose { 1148 display: none; 1149 } 1150 1151 /*------------------------------------------------------------------------------ 1152 11.4 - Post formats 1153 ------------------------------------------------------------------------------*/ 1154 1155 .post-format-icon::before { 1156 display: inline-block; 1157 vertical-align: middle; 1158 height: 20px; 1159 width: 20px; 1160 margin-top: -4px; 1161 margin-right: 7px; 1162 color: #dcdcde; 1163 font: normal 20px/1 dashicons; 1164 speak: never; 1165 -webkit-font-smoothing: antialiased; 1166 -moz-osx-font-smoothing: grayscale; 1167 } 1168 1169 a.post-format-icon:hover:before { 1170 color: #135e96; 1171 } 1172 1173 #post-formats-select { 1174 line-height: 2; 1175 } 1176 1177 #post-formats-select .post-format-icon::before { 1178 top: 5px; 1179 } 1180 1181 input.post-format { 1182 margin-top: 1px; 1183 } 1184 1185 label.post-format-icon { 1186 margin-left: 0; 1187 padding: 2px 0; 1188 } 1189 1190 .post-format-icon.post-format-standard::before { 1191 content: "\f109"; 1192 } 1193 1194 .post-format-icon.post-format-image::before { 1195 content: "\f128"; 1196 } 1197 1198 .post-format-icon.post-format-gallery::before { 1199 content: "\f161"; 1200 } 1201 1202 .post-format-icon.post-format-audio::before { 1203 content: "\f127"; 1204 } 1205 1206 .post-format-icon.post-format-video::before { 1207 content: "\f126"; 1208 } 1209 1210 .post-format-icon.post-format-chat::before { 1211 content: "\f125"; 1212 } 1213 1214 .post-format-icon.post-format-status::before { 1215 content: "\f130"; 1216 } 1217 1218 .post-format-icon.post-format-aside::before { 1219 content: "\f123"; 1220 } 1221 1222 .post-format-icon.post-format-quote::before { 1223 content: "\f122"; 1224 } 1225 1226 .post-format-icon.post-format-link::before { 1227 content: "\f103"; 1228 } 1229 1230 /*------------------------------------------------------------------------------ 1231 12.0 - Categories 1232 ------------------------------------------------------------------------------*/ 1233 1234 .category-adder { 1235 margin-left: 120px; 1236 padding: 4px 0; 1237 } 1238 1239 .category-adder h4 { 1240 margin: 0 0 8px; 1241 } 1242 1243 #side-sortables .category-adder { 1244 margin: 0; 1245 } 1246 1247 .wp-tab-panel, 1248 .categorydiv div.tabs-panel, 1249 .customlinkdiv div.tabs-panel, 1250 .posttypediv div.tabs-panel, 1251 .taxonomydiv div.tabs-panel { 1252 min-height: 42px; 1253 max-height: 200px; 1254 overflow: auto; 1255 padding: 0 0.9em; 1256 border: solid 1px #dcdcde; 1257 background-color: #fff; 1258 } 1259 1260 div.tabs-panel-active { 1261 display: block; 1262 } 1263 1264 div.tabs-panel-inactive { 1265 display: none; 1266 } 1267 1268 div.tabs-panel-active:focus { 1269 box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8); 1270 outline: 0 none; 1271 } 1272 1273 #front-page-warning, 1274 #front-static-pages ul, 1275 ul.export-filters, 1276 .inline-editor ul.cat-checklist ul, 1277 .categorydiv ul.categorychecklist ul, 1278 .customlinkdiv ul.categorychecklist ul, 1279 .posttypediv ul.categorychecklist ul, 1280 .taxonomydiv ul.categorychecklist ul { 1281 margin-left: 18px; 1282 } 1283 1284 ul.categorychecklist li { 1285 margin: 0; 1286 padding: 0; 1287 line-height: 1.69230769; 1288 word-wrap: break-word; 1289 } 1290 1291 .categorydiv .tabs-panel, 1292 .customlinkdiv .tabs-panel, 1293 .posttypediv .tabs-panel, 1294 .taxonomydiv .tabs-panel { 1295 border-width: 3px; 1296 border-style: solid; 1297 } 1298 1299 .form-wrap label { 1300 display: block; 1301 padding: 2px 0; 1302 } 1303 1304 .form-field input[type="text"], 1305 .form-field input[type="password"], 1306 .form-field input[type="email"], 1307 .form-field input[type="number"], 1308 .form-field input[type="search"], 1309 .form-field input[type="tel"], 1310 .form-field input[type="url"], 1311 .form-field textarea { 1312 border-style: solid; 1313 border-width: 1px; 1314 width: 95%; 1315 } 1316 1317 .form-field select, 1318 .form-field p { 1319 max-width: 95%; 1320 } 1321 1322 p.description, 1323 .form-wrap p { 1324 margin: 2px 0 5px; 1325 color: #646970; 1326 } 1327 1328 p.help, 1329 p.description, 1330 span.description, 1331 .form-wrap p { 1332 font-size: 13px; 1333 } 1334 1335 p.description code { 1336 font-style: normal; 1337 } 1338 1339 .form-wrap .form-field { 1340 margin: 1em 0; 1341 padding: 0; 1342 } 1343 1344 .col-wrap h2 { 1345 margin: 12px 0; 1346 font-size: 1.1em; 1347 } 1348 1349 .col-wrap p.submit { 1350 margin-top: -10px; 1351 } 1352 1353 .edit-term-notes { 1354 margin-top: 2em; 1355 } 1356 1357 /*------------------------------------------------------------------------------ 1358 13.0 - Tags 1359 ------------------------------------------------------------------------------*/ 1360 1361 #poststuff .tagsdiv .ajaxtag { 1362 margin-top: 1em; 1363 } 1364 1365 #poststuff .tagsdiv .howto { 1366 margin: 1em 0 6px 0; 1367 } 1368 1369 .ajaxtag .newtag { 1370 position: relative; 1371 } 1372 1373 .tagsdiv .newtag { 1374 width: 180px; 1375 } 1376 1377 .tagsdiv .the-tags { 1378 display: block; 1379 height: 60px; 1380 margin: 0 auto; 1381 overflow: auto; 1382 width: 260px; 1383 } 1384 1385 #post-body-content .tagsdiv .the-tags { 1386 margin: 0 5px; 1387 } 1388 1389 p.popular-tags { 1390 border: none; 1391 line-height: 2em; 1392 padding: 8px 12px 12px; 1393 text-align: justify; 1394 } 1395 1396 p.popular-tags a { 1397 padding: 0 3px; 1398 } 1399 1400 .tagcloud { 1401 width: 97%; 1402 margin: 0 0 40px; 1403 text-align: justify; 1404 } 1405 1406 .tagcloud h2 { 1407 margin: 2px 0 12px; 1408 } 1409 1410 #poststuff .inside .the-tagcloud { 1411 margin: 5px 0 10px; 1412 padding: 8px; 1413 border: 1px solid #dcdcde; 1414 line-height: 1.2; 1415 word-spacing: 3px; 1416 } 1417 1418 .the-tagcloud ul { 1419 margin: 0; 1420 } 1421 1422 .the-tagcloud ul li { 1423 display: inline-block; 1424 } 1425 1426 /* Back-compat styles from deprecated jQuery.suggest, see ticket #40260. */ 1427 .ac_results { 1428 display: none; 1429 margin: -1px 0 0; 1430 padding: 0; 1431 list-style: none; 1432 position: absolute; 1433 z-index: 10000; 1434 border: 1px solid #4f94d4; 1435 background-color: #fff; 1436 } 1437 1438 .wp-customizer .ac_results { 1439 z-index: 500000; 1440 } 1441 1442 .ac_results li { 1443 margin: 0; 1444 padding: 5px 10px; 1445 white-space: nowrap; 1446 text-align: left; 1447 } 1448 1449 .ac_results .ac_over, 1450 .ac_over .ac_match { 1451 background-color: #2271b1; 1452 color: #fff; 1453 cursor: pointer; 1454 } 1455 1456 .ac_match { 1457 text-decoration: underline; 1458 } 1459 1460 #addtag .spinner { 1461 float: none; 1462 vertical-align: top; 1463 } 1464 1465 #edittag { 1466 max-width: 800px; 1467 } 1468 1469 .edit-tag-actions { 1470 margin-top: 20px; 1471 } 1472 1473 /* Comments */ 1474 1475 .comment-php .wp-editor-area { 1476 height: 200px; 1477 } 1478 1479 .comment-ays th, 1480 .comment-ays td { 1481 padding: 10px 15px; 1482 } 1483 1484 .comment-ays .comment-content ul { 1485 list-style: initial; 1486 margin-left: 2em; 1487 } 1488 1489 .comment-ays .comment-content a[href]:after { 1490 content: "(" attr( href ) ")"; 1491 display: inline-block; 1492 padding: 0 4px; 1493 color: #646970; 1494 font-size: 13px; 1495 word-break: break-all; 1496 } 1497 1498 .comment-ays .comment-content p.edit-comment { 1499 margin-top: 10px; 1500 } 1501 1502 .comment-ays .comment-content p.edit-comment a[href]:after { 1503 content: ""; 1504 padding: 0; 1505 } 1506 1507 .comment-ays-submit .button-cancel { 1508 margin-left: 1em; 1509 } 1510 1511 .trash-undo-inside, 1512 .spam-undo-inside { 1513 margin: 1px 8px 1px 0; 1514 line-height: 1.23076923; 1515 } 1516 1517 .spam-undo-inside .avatar, 1518 .trash-undo-inside .avatar { 1519 height: 20px; 1520 width: 20px; 1521 margin-right: 8px; 1522 vertical-align: middle; 1523 } 1524 1525 .stuffbox .editcomment { 1526 clear: none; 1527 margin-top: 0; 1528 } 1529 1530 #namediv.stuffbox .editcomment input { 1531 width: 100%; 1532 } 1533 1534 #namediv.stuffbox .editcomment.form-table td { 1535 padding: 10px; 1536 } 1537 1538 #comment-status-radio p { 1539 margin: 3px 0 5px; 1540 } 1541 1542 #comment-status-radio input { 1543 margin: 2px 3px 5px 0; 1544 vertical-align: middle; 1545 } 1546 1547 #comment-status-radio label { 1548 padding: 5px 0; 1549 } 1550 1551 /* links tables */ 1552 table.links-table { 1553 width: 100%; 1554 border-spacing: 0; 1555 } 1556 1557 .links-table th { 1558 font-weight: 400; 1559 text-align: left; 1560 vertical-align: top; 1561 min-width: 80px; 1562 width: 20%; 1563 word-wrap: break-word; 1564 } 1565 1566 .links-table th, 1567 .links-table td { 1568 padding: 5px 0; 1569 } 1570 1571 .links-table td label { 1572 margin-right: 8px; 1573 } 1574 1575 .links-table td input[type="text"], 1576 .links-table td textarea { 1577 width: 100%; 1578 } 1579 1580 .links-table #link_rel { 1581 max-width: 280px; 1582 } 1583 1584 /* DFW 2 1585 -------------------------------------------------------------- */ 1586 1587 #qt_content_dfw { 1588 display: none; 1589 } 1590 1591 .wp-editor-expand #qt_content_dfw { 1592 display: inline-block; 1593 } 1594 1595 .focus-on .wrap > h1, 1596 .focus-on .page-title-action, 1597 .focus-on #wpfooter, 1598 .focus-on .postbox-container > *, 1599 .focus-on div.updated, 1600 .focus-on div.error, 1601 .focus-on div.notice, 1602 .focus-on .update-nag, 1603 .focus-on #wp-toolbar, 1604 .focus-on #screen-meta-links, 1605 .focus-on #screen-meta { 1606 opacity: 0; 1607 transition-duration: 0.6s; 1608 transition-property: opacity; 1609 transition-timing-function: ease-in-out; 1610 } 1611 1612 .focus-on #wp-toolbar { 1613 opacity: 0.3; 1614 } 1615 1616 .focus-off .wrap > h1, 1617 .focus-off .page-title-action, 1618 .focus-off #wpfooter, 1619 .focus-off .postbox-container > *, 1620 .focus-off div.updated, 1621 .focus-off div.error, 1622 .focus-off div.notice, 1623 .focus-off .update-nag, 1624 .focus-off #wp-toolbar, 1625 .focus-off #screen-meta-links, 1626 .focus-off #screen-meta { 1627 opacity: 1; 1628 transition-duration: 0.2s; 1629 transition-property: opacity; 1630 transition-timing-function: ease-in-out; 1631 } 1632 1633 .focus-off #wp-toolbar { 1634 -webkit-transform: translate(0, 0); 1635 } 1636 1637 .focus-on #adminmenuback, 1638 .focus-on #adminmenuwrap { 1639 transition-duration: 0.6s; 1640 transition-property: transform; 1641 transition-timing-function: ease-in-out; 1642 } 1643 1644 .focus-on #adminmenuback, 1645 .focus-on #adminmenuwrap { 1646 transform: translateX( -100% ); 1647 } 1648 1649 .focus-off #adminmenuback, 1650 .focus-off #adminmenuwrap { 1651 transform: translateX( 0 ); 1652 transition-duration: 0.2s; 1653 transition-property: transform; 1654 transition-timing-function: ease-in-out; 1655 } 1656 1657 /* =Media Queries 1658 -------------------------------------------------------------- */ 1659 1660 /** 1661 * HiDPI Displays 1662 */ 1663 @media print, 1664 (-webkit-min-device-pixel-ratio: 1.25), 1665 (min-resolution: 120dpi) { 1666 #content-resize-handle, 1667 #post-body .wp_themeSkin .mceStatusbar a.mceResize { 1668 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom; 1669 background-size: 11px 11px; 1670 } 1671 1672 /*rtl:ignore*/ 1673 .rtl #content-resize-handle, 1674 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { 1675 background-image: url(../images/resize-rtl-2x.gif); 1676 background-position: left bottom; 1677 } 1678 } 1679 1680 /* 1681 * The edit attachment screen auto-switches to one column layout when the 1682 * viewport is smaller than 1200 pixels. 1683 */ 1684 @media only screen and (max-width: 1200px) { 1685 .post-type-attachment #poststuff { 1686 min-width: 0; 1687 } 1688 1689 .post-type-attachment #wpbody-content #poststuff #post-body { 1690 margin: 0; 1691 } 1692 1693 .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 { 1694 margin-right: 0; 1695 width: 100%; 1696 } 1697 1698 .post-type-attachment #poststuff #postbox-container-1 .empty-container, 1699 .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty { 1700 outline: none; 1701 height: 0; 1702 min-height: 0; 1703 } 1704 1705 .post-type-attachment #poststuff #post-body.columns-2 #side-sortables { 1706 min-height: 0; 1707 width: auto; 1708 } 1709 1710 .is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables { 1711 outline: none; 1712 min-height: 0; 1713 margin-bottom: 0; 1714 } 1715 1716 /* hide the radio buttons for column prefs */ 1717 .post-type-attachment .screen-layout, 1718 .post-type-attachment .columns-prefs { 1719 display: none; 1720 } 1721 } 1722 1723 /* one column on the post write/edit screen */ 1724 @media only screen and (max-width: 850px) { 1725 #poststuff { 1726 min-width: 0; 1727 } 1728 1729 #wpbody-content #poststuff #post-body { 1730 margin: 0; 1731 } 1732 1733 #wpbody-content #post-body.columns-2 #postbox-container-1 { 1734 margin-right: 0; 1735 width: 100%; 1736 } 1737 1738 #poststuff #postbox-container-1 .empty-container, 1739 #poststuff #postbox-container-1 #side-sortables:empty { 1740 height: 0; 1741 min-height: 0; 1742 } 1743 1744 #poststuff #post-body.columns-2 #side-sortables { 1745 min-height: 0; 1746 width: auto; 1747 } 1748 1749 /* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */ 1750 .is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container, 1751 .is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty, 1752 .is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables, 1753 .is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables { 1754 height: auto; 1755 min-height: 60px; 1756 } 1757 1758 /* hide the radio buttons for column prefs */ 1759 .screen-layout, 1760 .columns-prefs { 1761 display: none; 1762 } 1763 } 1764 1765 @media screen and (max-width: 782px) { 1766 .wp-core-ui .edit-tag-actions .button-primary { 1767 margin-bottom: 0; 1768 } 1769 1770 #post-body-content { 1771 min-width: 0; 1772 } 1773 1774 #titlediv #title-prompt-text { 1775 padding: 10px 10px; 1776 } 1777 1778 #poststuff .stuffbox .inside { 1779 padding: 0 2px 4px 0; 1780 } 1781 1782 #poststuff h3.hndle, /* Back-compat for pre-4.4 */ 1783 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */ 1784 #poststuff h2 { 1785 padding: 12px; 1786 } 1787 1788 #namediv.stuffbox .editcomment.form-table td { 1789 padding: 5px 10px; 1790 } 1791 1792 .post-format-options { 1793 padding-right: 0; 1794 } 1795 1796 .post-format-options a { 1797 margin-right: 5px; 1798 margin-bottom: 5px; 1799 min-width: 52px; 1800 } 1801 1802 .post-format-options .post-format-title { 1803 font-size: 11px; 1804 } 1805 1806 .post-format-options a div { 1807 height: 28px; 1808 width: 28px; 1809 } 1810 1811 .post-format-options a div:before { 1812 font-size: 26px !important; 1813 } 1814 1815 /* Publish Metabox Options */ 1816 #post-visibility-select { 1817 line-height: 280%; 1818 } 1819 1820 .wp-core-ui .save-post-visibility, 1821 .wp-core-ui .save-timestamp { 1822 vertical-align: middle; 1823 margin-right: 15px; 1824 } 1825 1826 .timestamp-wrap select#mm { 1827 display: block; 1828 width: 100%; 1829 margin-bottom: 10px; 1830 } 1831 1832 .timestamp-wrap #jj, 1833 .timestamp-wrap #aa, 1834 .timestamp-wrap #hh, 1835 .timestamp-wrap #mn { 1836 padding: 12px 3px; 1837 font-size: 14px; 1838 margin-bottom: 5px; 1839 width: auto; 1840 text-align: center; 1841 } 1842 1843 /* Categories Metabox */ 1844 ul.category-tabs { 1845 margin: 30px 0 15px; 1846 } 1847 1848 ul.category-tabs li.tabs { 1849 padding: 15px; 1850 } 1851 1852 ul.categorychecklist li { 1853 margin-bottom: 15px; 1854 } 1855 1856 ul.categorychecklist ul { 1857 margin-top: 15px; 1858 } 1859 1860 .category-add input[type=text], 1861 .category-add select { 1862 max-width: none; 1863 margin-bottom: 15px; 1864 } 1865 1866 /* Tags Metabox */ 1867 .tagsdiv .newtag { 1868 width: 100%; 1869 height: auto; 1870 margin-bottom: 15px; 1871 } 1872 1873 .tagchecklist { 1874 margin: 25px 10px; 1875 } 1876 1877 .tagchecklist > li { 1878 font-size: 16px; 1879 line-height: 1.4; 1880 } 1881 1882 /* Discussion */ 1883 #commentstatusdiv p { 1884 line-height: 2.8; 1885 } 1886 1887 /* TinyMCE Adjustments */ 1888 .mceToolbar * { 1889 white-space: normal !important; 1890 } 1891 1892 .mceToolbar tr, 1893 .mceToolbar td { 1894 float: left !important; 1895 } 1896 1897 .wp_themeSkin a.mceButton { 1898 width: 30px; 1899 height: 30px; 1900 } 1901 1902 .wp_themeSkin .mceButton .mceIcon { 1903 margin-top: 5px; 1904 margin-left: 5px; 1905 } 1906 1907 .wp_themeSkin .mceSplitButton { 1908 margin-top: 1px; 1909 } 1910 1911 .wp_themeSkin .mceSplitButton td a.mceAction { 1912 padding: 6px 3px 6px 6px; 1913 } 1914 1915 .wp_themeSkin .mceSplitButton td a.mceOpen, 1916 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen { 1917 padding-top: 6px; 1918 padding-bottom: 6px; 1919 background-position: 1px 6px; 1920 } 1921 1922 .wp_themeSkin table.mceListBox { 1923 margin: 5px; 1924 } 1925 1926 div.quicktags-toolbar input { 1927 padding: 10px 20px; 1928 } 1929 1930 button.wp-switch-editor { 1931 font-size: 16px; 1932 line-height: 1; 1933 margin: 7px 0 0 7px; 1934 padding: 8px 12px; 1935 } 1936 1937 #wp-content-media-buttons a { 1938 font-size: 14px; 1939 padding: 6px 10px; 1940 } 1941 1942 .wp-media-buttons span.wp-media-buttons-icon, 1943 .wp-media-buttons span.jetpack-contact-form-icon { 1944 width: 22px !important; 1945 margin-left: -2px !important; 1946 } 1947 1948 .wp-media-buttons .add_media span.wp-media-buttons-icon:before, 1949 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { 1950 font-size: 20px !important; 1951 } 1952 1953 #content_wp_fullscreen { 1954 display: none; 1955 } 1956 1957 .misc-pub-section { 1958 padding: 20px 10px 20px; 1959 } 1960 1961 .misc-pub-section > a { 1962 float: right; 1963 font-size: 16px; 1964 } 1965 1966 #delete-action, 1967 #publishing-action { 1968 line-height: 3.61538461; 1969 } 1970 1971 #publishing-action .spinner { 1972 float: none; 1973 margin-top: -2px; /* Half of the Publish button's bottom margin. */ 1974 } 1975 1976 /* Moderate Comment */ 1977 .comment-ays th, 1978 .comment-ays td { 1979 padding-bottom: 0; 1980 } 1981 1982 .comment-ays td { 1983 padding-top: 6px; 1984 } 1985 1986 /* Links */ 1987 .links-table #link_rel { 1988 max-width: none; 1989 } 1990 1991 .links-table th, 1992 .links-table td { 1993 padding: 10px 0; 1994 } 1995 1996 .edit-term-notes { 1997 display: none; 1998 } 1999 2000 .privacy-text-box { 2001 width: auto; 2002 } 2003 2004 .privacy-text-box-toc { 2005 float: none; 2006 width: auto; 2007 height: 100%; 2008 display: flex; 2009 flex-direction: column; 2010 } 2011 2012 .privacy-text-section .return-to-top { 2013 margin: 2em 0 0; 2014 } 2015 }