[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 .response-links { 2 display: block; 3 margin-bottom: 1em; 4 } 5 6 .response-links a { 7 display: block; 8 } 9 10 .response-links a.comments-edit-item-link { 11 font-weight: 600; 12 } 13 14 .response-links a.comments-view-item-link { 15 font-size: 12px; 16 } 17 18 .post-com-count-wrapper strong { 19 font-weight: 400; 20 } 21 22 .comments-view-item-link { 23 display: inline-block; 24 clear: both; 25 } 26 27 .column-response .post-com-count-wrapper, 28 .column-comments .post-com-count-wrapper { 29 white-space: nowrap; 30 word-wrap: normal; 31 } 32 33 /* comments bubble common */ 34 .column-response .post-com-count, 35 .column-comments .post-com-count { 36 display: inline-block; 37 vertical-align: top; 38 } 39 40 /* comments bubble approved */ 41 .column-response .post-com-count-no-comments, 42 .column-response .post-com-count-approved, 43 .column-comments .post-com-count-no-comments, 44 .column-comments .post-com-count-approved { 45 margin-top: 5px; 46 } 47 48 .column-response .comment-count-no-comments, 49 .column-response .comment-count-approved, 50 .column-comments .comment-count-no-comments, 51 .column-comments .comment-count-approved { 52 box-sizing: border-box; 53 display: block; 54 padding: 0 8px; 55 min-width: 24px; 56 height: 2em; 57 border-radius: 5px; 58 background-color: #646970; 59 color: #fff; 60 font-size: 11px; 61 line-height: 1.90909090; 62 text-align: center; 63 } 64 65 .column-response .post-com-count-no-comments:after, 66 .column-response .post-com-count-approved:after, 67 .column-comments .post-com-count-no-comments:after, 68 .column-comments .post-com-count-approved:after { 69 content: ""; 70 display: block; 71 margin-left: 8px; 72 width: 0; 73 height: 0; 74 border-top: 5px solid #646970; 75 border-right: 5px solid transparent; 76 } 77 78 .column-response a.post-com-count-approved:hover .comment-count-approved, 79 .column-response a.post-com-count-approved:focus .comment-count-approved, 80 .column-comments a.post-com-count-approved:hover .comment-count-approved, 81 .column-comments a.post-com-count-approved:focus .comment-count-approved { 82 background: #2271b1; 83 } 84 85 .column-response a.post-com-count-approved:hover:after, 86 .column-response a.post-com-count-approved:focus:after, 87 .column-comments a.post-com-count-approved:hover:after, 88 .column-comments a.post-com-count-approved:focus:after { 89 border-top-color: #2271b1; 90 } 91 92 /* @todo: consider to use a single rule for these counters and the admin menu counters. */ 93 .column-response .post-com-count-pending, 94 .column-comments .post-com-count-pending { 95 position: relative; 96 left: -3px; 97 padding: 0 5px; 98 min-width: 7px; 99 height: 17px; 100 border: 2px solid #fff; 101 border-radius: 11px; 102 background: #d63638; 103 color: #fff; 104 font-size: 9px; 105 line-height: 1.88888888; 106 text-align: center; 107 } 108 109 .column-response .post-com-count-no-pending, 110 .column-comments .post-com-count-no-pending { 111 display: none; 112 } 113 114 /* comments */ 115 116 .commentlist li { 117 padding: 1em 1em .2em; 118 margin: 0; 119 border-bottom: 1px solid #c3c4c7; 120 } 121 122 .commentlist li li { 123 border-bottom: 0; 124 padding: 0; 125 } 126 127 .commentlist p { 128 padding: 0; 129 margin: 0 0 .8em; 130 } 131 132 #submitted-on, 133 .submitted-on { 134 color: #50575e; 135 } 136 137 /* reply to comments */ 138 #replyrow td { 139 padding: 2px; 140 } 141 142 #replysubmit { 143 margin: 0; 144 padding: 5px 7px 10px; 145 overflow: hidden; 146 } 147 148 #replysubmit .reply-submit-buttons { 149 margin-bottom: 0; 150 } 151 152 #replysubmit .button { 153 margin-right: 5px; 154 } 155 156 #replysubmit .spinner { 157 float: none; 158 margin: -4px 0 0; 159 } 160 161 #replyrow.inline-edit-row fieldset.comment-reply { 162 font-size: inherit; 163 line-height: inherit; 164 } 165 166 #replyrow legend { 167 margin: 0; 168 padding: .2em 5px 0; 169 font-size: 13px; 170 line-height: 1.4; 171 font-weight: 600; 172 } 173 174 #replyrow.inline-edit-row label { 175 display: inline; 176 vertical-align: baseline; 177 line-height: inherit; 178 } 179 180 #edithead .inside, 181 #commentsdiv #edithead .inside { 182 float: left; 183 padding: 3px 0 2px 5px; 184 margin: 0; 185 text-align: center; 186 } 187 188 #edithead .inside input { 189 width: 180px; 190 } 191 192 #edithead label { 193 padding: 2px 0; 194 } 195 196 #replycontainer { 197 padding: 5px; 198 } 199 200 #replycontent { 201 height: 120px; 202 box-shadow: none; 203 } 204 205 #replyerror { 206 border-color: #dcdcde; 207 background-color: #f6f7f7; 208 } 209 210 /* @todo: is this used? */ 211 .commentlist .avatar { 212 vertical-align: text-top; 213 } 214 215 #the-comment-list tr.undo, 216 #the-comment-list div.undo { 217 background-color: #f6f7f7; 218 } 219 220 #the-comment-list .unapproved th, 221 #the-comment-list .unapproved td { 222 background-color: #fcf9e8; 223 } 224 225 #the-comment-list .unapproved th.check-column { 226 border-left: 4px solid #d63638; 227 } 228 229 #the-comment-list .unapproved th.check-column input { 230 margin-left: 4px; 231 } 232 233 #the-comment-list .approve a { 234 color: #007017; 235 } 236 237 #the-comment-list .unapprove a { 238 color: #996800; 239 } 240 241 #the-comment-list th, 242 #the-comment-list td { 243 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 244 } 245 246 #the-comment-list tr:last-child th, 247 #the-comment-list tr:last-child td { 248 box-shadow: none; 249 } 250 251 #the-comment-list tr.unapproved + tr.approved th, 252 #the-comment-list tr.unapproved + tr.approved td { 253 border-top: 1px solid rgba(0, 0, 0, 0.03); 254 } 255 256 /* table vim shortcuts */ 257 .vim-current, 258 .vim-current th, 259 .vim-current td { 260 background-color: #f0f6fc !important; 261 } 262 263 th .comment-grey-bubble { 264 width: 16px; 265 /* Make sure the link clickable area fills the entire table header. */ 266 position: relative; 267 top: 2px; 268 } 269 270 th .comment-grey-bubble:before { 271 content: "\f101"; 272 font: normal 20px/.5 dashicons; 273 speak: never; 274 display: inline-block; 275 padding: 0; 276 top: 4px; 277 left: -4px; 278 position: relative; 279 vertical-align: top; 280 -webkit-font-smoothing: antialiased; 281 -moz-osx-font-smoothing: grayscale; 282 text-decoration: none !important; 283 color: #3c434a; 284 } 285 286 /*------------------------------------------------------------------------------ 287 10.0 - List Posts (/Pages/etc) 288 ------------------------------------------------------------------------------*/ 289 290 table.fixed { 291 table-layout: fixed; 292 } 293 294 .fixed .column-rating, 295 .fixed .column-visible { 296 width: 8%; 297 } 298 299 .fixed .column-posts, 300 .fixed .column-parent, 301 .fixed .column-links, 302 .fixed .column-author, 303 .fixed .column-format { 304 width: 10%; 305 } 306 307 .fixed .column-date { 308 width: 14%; 309 } 310 311 .column-date span[title] { 312 -webkit-text-decoration: dotted underline; 313 text-decoration: dotted underline; 314 } 315 316 .fixed .column-posts { 317 width: 74px; 318 } 319 320 .fixed .column-role, 321 .fixed .column-posts { 322 hyphens: auto; 323 } 324 325 .fixed .column-comment .comment-author { 326 display: none; 327 } 328 329 .fixed .column-response, 330 .fixed .column-categories, 331 .fixed .column-tags, 332 .fixed .column-rel, 333 .fixed .column-role { 334 width: 15%; 335 } 336 337 .fixed .column-slug { 338 width: 25%; 339 } 340 341 .fixed .column-locations { 342 width: 35%; 343 } 344 345 .fixed .column-comments { 346 width: 5.5em; 347 text-align: left; 348 } 349 350 .fixed .column-comments .vers { 351 padding-left: 3px; 352 } 353 354 td.column-title strong, 355 td.plugin-title strong { 356 display: block; 357 margin-bottom: .2em; 358 font-size: 14px; 359 } 360 361 td.column-title p, 362 td.plugin-title p { 363 margin: 6px 0; 364 } 365 366 /* Media file column */ 367 table.media .column-title .media-icon { 368 float: left; 369 min-height: 60px; 370 margin: 0 9px 0 0; 371 } 372 373 table.media .column-title .media-icon img { 374 max-width: 60px; 375 height: auto; 376 vertical-align: top; /* Remove descender white-space. */ 377 } 378 379 table.media .column-title .has-media-icon ~ .row-actions { 380 margin-left: 70px; /* 60px image + margin */ 381 } 382 383 table.media .column-title .filename { 384 margin-bottom: 0.2em; 385 } 386 387 /* Media Copy to clipboard row action */ 388 .media .row-actions .copy-to-clipboard-container { 389 display: inline; 390 position: relative; 391 } 392 393 .media .row-actions .copy-to-clipboard-container .success { 394 position: absolute; 395 left: 50%; 396 transform: translate(-50%, -100%); 397 background: #000; 398 color: #fff; 399 border-radius: 5px; 400 margin: 0; 401 padding: 2px 5px; 402 } 403 404 /* @todo: pick a consistent list table selector */ 405 .wp-list-table a { 406 transition: none; 407 } 408 409 #the-list tr:last-child td, 410 #the-list tr:last-child th { 411 border-bottom: none !important; 412 box-shadow: none; 413 } 414 415 #comments-form .fixed .column-author { 416 width: 20%; 417 } 418 419 #commentsdiv.postbox .inside { 420 margin: 0; 421 padding: 0; 422 } 423 424 #commentsdiv .inside .row-actions { 425 line-height: 1.38461538; 426 } 427 428 #commentsdiv .inside .column-author { 429 width: 25%; 430 } 431 432 #commentsdiv .column-comment p { 433 margin: 0.6em 0; 434 padding: 0; 435 } 436 437 #commentsdiv #replyrow td { 438 padding: 0; 439 } 440 441 #commentsdiv p { 442 padding: 8px 10px; 443 margin: 0; 444 } 445 446 #commentsdiv .comments-box { 447 border: 0 none; 448 } 449 450 #commentsdiv .comments-box thead th, 451 #commentsdiv .comments-box thead td { 452 background: transparent; 453 padding: 0 7px 4px; 454 } 455 456 #commentsdiv .comments-box tr:last-child td { 457 border-bottom: 0 none; 458 } 459 460 #commentsdiv #edithead .inside input { 461 width: 160px; 462 } 463 464 .sorting-indicators { 465 display: grid; 466 } 467 468 .sorting-indicator { 469 display: block; 470 width: 10px; 471 height: 4px; 472 margin-top: 4px; 473 margin-left: 7px; 474 } 475 476 .sorting-indicator:before { 477 font: normal 20px/1 dashicons; 478 speak: never; 479 display: inline-block; 480 padding: 0; 481 top: -4px; 482 left: -8px; 483 line-height: 0.5; 484 position: relative; 485 vertical-align: top; 486 -webkit-font-smoothing: antialiased; 487 -moz-osx-font-smoothing: grayscale; 488 text-decoration: none !important; 489 color: #a7aaad; 490 } 491 492 .sorting-indicator.asc:before { 493 content: "\f142"; 494 } 495 496 .sorting-indicator.desc:before { 497 content: "\f140"; 498 } 499 500 th.sorted.desc .sorting-indicator.desc:before { 501 color: #1d2327; 502 } 503 504 th.sorted.asc .sorting-indicator.asc:before { 505 color: #1d2327; 506 } 507 508 th.sorted.asc a:focus .sorting-indicator.asc:before, 509 th.sorted.asc:hover .sorting-indicator.asc:before, 510 th.sorted.desc a:focus .sorting-indicator.desc:before, 511 th.sorted.desc:hover .sorting-indicator.desc:before { 512 color: #a7aaad; 513 } 514 515 th.sorted.asc a:focus .sorting-indicator.desc:before, 516 th.sorted.asc:hover .sorting-indicator.desc:before, 517 th.sorted.desc a:focus .sorting-indicator.asc:before, 518 th.sorted.desc:hover .sorting-indicator.asc:before { 519 color: #1d2327; 520 } 521 522 .wp-list-table .toggle-row { 523 position: absolute; 524 right: 8px; 525 top: 10px; 526 display: none; 527 padding: 0; 528 width: 40px; 529 height: 40px; 530 border: none; 531 outline: none; 532 background: transparent; 533 } 534 535 .wp-list-table .toggle-row:hover { 536 cursor: pointer; 537 } 538 539 .wp-list-table .toggle-row:focus:before { 540 box-shadow: 0 0 0 2px #2271b1; 541 /* Only visible in Windows High Contrast mode */ 542 outline: 2px solid transparent; 543 } 544 545 .wp-list-table .toggle-row:active { 546 box-shadow: none; 547 } 548 549 .wp-list-table .toggle-row:before { 550 position: absolute; 551 top: -5px; 552 left: 10px; 553 border-radius: 50%; 554 display: block; 555 padding: 1px 2px 1px 0; 556 color: #3c434a; /* same as table headers sort arrows */ 557 content: "\f140"; 558 font: normal 20px/1 dashicons; 559 line-height: 1; 560 -webkit-font-smoothing: antialiased; 561 -moz-osx-font-smoothing: grayscale; 562 speak: never; 563 } 564 565 .wp-list-table .is-expanded .toggle-row:before { 566 content: "\f142"; 567 } 568 569 .check-column { 570 position: relative; 571 } 572 573 .check-column label { 574 box-sizing: border-box; 575 width: 100%; 576 height: 100%; 577 display: block; 578 position: absolute; 579 top: 0; 580 left: 0; 581 } 582 583 .check-column input { 584 position: relative; 585 z-index: 1; 586 } 587 588 .check-column .label-covers-full-cell:hover + input:not(:disabled) { 589 box-shadow: 0 0 0 1px #2271b1; 590 } 591 592 .check-column label:hover, 593 .check-column input:hover + label { 594 background: rgba(0, 0, 0, 0.05); 595 } 596 597 .locked-indicator { 598 display: none; 599 margin-left: 6px; 600 height: 20px; 601 width: 16px; 602 } 603 604 .locked-indicator-icon:before { 605 color: #8c8f94; 606 content: "\f160"; 607 display: inline-block; 608 font: normal 20px/1 dashicons; 609 speak: never; 610 vertical-align: middle; 611 -webkit-font-smoothing: antialiased; 612 -moz-osx-font-smoothing: grayscale; 613 } 614 615 .locked-info { 616 display: none; 617 margin-top: 4px; 618 } 619 620 .locked-text { 621 vertical-align: top; 622 } 623 624 .wp-locked .locked-indicator, 625 .wp-locked .locked-info { 626 display: block; 627 } 628 629 tr.wp-locked .check-column label, 630 tr.wp-locked .check-column input[type="checkbox"], 631 tr.wp-locked .row-actions .inline, 632 tr.wp-locked .row-actions .trash { 633 display: none; 634 } 635 636 #menu-locations-wrap .widefat { 637 width: 60%; 638 } 639 640 .widefat th.sortable, 641 .widefat th.sorted { 642 padding: 0; 643 } 644 645 th.sortable a, 646 th.sorted a { 647 display: block; 648 overflow: hidden; 649 padding: 8px; 650 } 651 652 th.sortable a:focus, 653 th.sorted a:focus { 654 box-shadow: inset 0 0 0 2px #2271b1; 655 /* Only visible in Windows High Contrast mode */ 656 outline: 2px solid transparent; 657 } 658 659 th.sortable a span, 660 th.sorted a span { 661 float: left; 662 cursor: pointer; 663 } 664 665 .tablenav-pages .current-page { 666 margin: 0 2px 0 0; 667 font-size: 13px; 668 text-align: center; 669 } 670 671 .tablenav .total-pages { 672 margin-right: 2px; 673 } 674 675 .tablenav #table-paging { 676 margin-left: 2px; 677 } 678 679 .tablenav { 680 clear: both; 681 height: 30px; 682 margin: 6px 0 4px; 683 padding-top: 5px; 684 vertical-align: middle; 685 } 686 687 .tablenav.themes { 688 max-width: 98%; 689 } 690 691 .tablenav .tablenav-pages { 692 float: right; 693 margin: 0 0 9px; 694 } 695 696 .tablenav .no-pages, 697 .tablenav .one-page .pagination-links { 698 display: none; 699 } 700 701 .tablenav .tablenav-pages .button, 702 .tablenav .tablenav-pages .tablenav-pages-navspan { 703 display: inline-block; 704 vertical-align: baseline; 705 min-width: 30px; 706 min-height: 30px; 707 margin: 0; 708 padding: 0 4px; 709 font-size: 16px; 710 line-height: 1.625; /* 26px */ 711 text-align: center; 712 } 713 714 .tablenav .displaying-num { 715 margin-right: 7px; 716 } 717 718 .tablenav .one-page .displaying-num { 719 display: inline-block; 720 margin: 5px 0; 721 } 722 723 .tablenav .actions { 724 padding: 0 8px 0 0; 725 } 726 727 .wp-filter .actions { 728 display: inline-block; 729 vertical-align: middle; 730 } 731 732 .tablenav .delete { 733 margin-right: 20px; 734 } 735 736 /* This view-switcher is still used on multisite. */ 737 .tablenav .view-switch { 738 float: right; 739 margin: 0 5px; 740 padding-top: 3px; 741 } 742 743 .wp-filter .view-switch { 744 display: inline-block; 745 vertical-align: middle; 746 padding: 12px 0; 747 margin: 0 8px 0 2px; 748 } 749 750 .media-toolbar.wp-filter .view-switch { 751 margin: 0 12px 0 2px; 752 } 753 754 .view-switch a { 755 float: left; 756 width: 28px; 757 height: 28px; 758 text-align: center; 759 line-height: 1.84615384; 760 text-decoration: none; 761 } 762 763 .view-switch a:before { 764 color: #c3c4c7; 765 display: inline-block; 766 font: normal 20px/1 dashicons; 767 speak: never; 768 vertical-align: middle; 769 -webkit-font-smoothing: antialiased; 770 -moz-osx-font-smoothing: grayscale; 771 } 772 773 .view-switch a:hover:before, 774 .view-switch a:focus:before { 775 color: #787c82; 776 } 777 778 .view-switch a.current:before { 779 color: #2271b1; 780 } 781 782 .view-switch .view-list:before { 783 content: "\f163"; 784 } 785 786 .view-switch .view-excerpt:before { 787 content: "\f164"; 788 } 789 790 .view-switch .view-grid:before { 791 content: "\f509"; 792 } 793 794 .filter { 795 float: left; 796 margin: -5px 0 0 10px; 797 } 798 799 .filter .subsubsub { 800 margin-left: -10px; 801 margin-top: 13px; 802 } 803 .screen-per-page { 804 width: 4em; 805 } 806 807 #posts-filter .wp-filter { 808 margin-bottom: 0; 809 } 810 811 #posts-filter fieldset { 812 float: left; 813 margin: 0 1.5ex 1em 0; 814 padding: 0; 815 } 816 817 #posts-filter fieldset legend { 818 padding: 0 0 .2em 1px; 819 } 820 821 p.pagenav { 822 margin: 0; 823 display: inline; 824 } 825 826 .pagenav span { 827 font-weight: 600; 828 margin: 0 6px; 829 } 830 831 .row-title { 832 font-size: 14px !important; 833 font-weight: 600; 834 } 835 836 .column-comment .comment-author { 837 margin-bottom: 0.6em; 838 } 839 840 .column-author img, 841 .column-username img, 842 .column-comment .comment-author img { 843 float: left; 844 margin-right: 10px; 845 margin-top: 1px; 846 } 847 848 .row-actions { 849 color: #a7aaad; 850 font-size: 13px; 851 padding: 2px 0 0; 852 position: relative; 853 left: -9999em; 854 } 855 856 /* ticket #34150 */ 857 .rtl .row-actions a { 858 display: inline-block; 859 } 860 861 .row-actions .network_only, 862 .row-actions .network_active { 863 color: #000; 864 } 865 866 .no-js .row-actions, 867 tr:hover .row-actions, 868 .mobile .row-actions, 869 .row-actions.visible, 870 .comment-item:hover .row-actions { 871 position: static; 872 } 873 874 /* deprecated */ 875 .row-actions-visible { 876 padding: 2px 0 0; 877 } 878 879 880 /*------------------------------------------------------------------------------ 881 10.1 - Inline Editing 882 ------------------------------------------------------------------------------*/ 883 884 /* 885 .quick-edit* is for Quick Edit 886 .bulk-edit* is for Bulk Edit 887 .inline-edit* is for everything 888 */ 889 890 /* Layout */ 891 892 #wpbody-content .inline-edit-row fieldset { 893 float: left; 894 margin: 0; 895 padding: 0 12px 0 0; 896 width: 100%; 897 box-sizing: border-box; 898 } 899 900 #wpbody-content .inline-edit-row td fieldset:last-of-type { 901 padding-right: 0; 902 } 903 904 tr.inline-edit-row td { 905 padding: 0; 906 /* Prevents the focus style on .inline-edit-wrapper from being cut-off */ 907 position: relative; 908 } 909 910 .inline-edit-wrapper { 911 display: flow-root; 912 padding: 0 12px; 913 border: 1px solid transparent; 914 border-radius: 4px; 915 } 916 917 .inline-edit-wrapper:focus { 918 border-color: #2271b1; 919 box-shadow: 0 0 0 1px #2271b1; 920 /* Only visible in Windows High Contrast mode */ 921 outline: 2px solid transparent; 922 } 923 924 #wpbody-content .quick-edit-row-post .inline-edit-col-left { 925 width: 40%; 926 } 927 928 #wpbody-content .quick-edit-row-post .inline-edit-col-right { 929 width: 39%; 930 } 931 932 #wpbody-content .inline-edit-row-post .inline-edit-col-center { 933 width: 20%; 934 } 935 936 #wpbody-content .quick-edit-row-page .inline-edit-col-left { 937 width: 50%; 938 } 939 940 #wpbody-content .quick-edit-row-page .inline-edit-col-right, 941 #wpbody-content .bulk-edit-row-post .inline-edit-col-right { 942 width: 50%; 943 } 944 945 #wpbody-content .bulk-edit-row .inline-edit-col-left { 946 width: 30%; 947 } 948 949 #wpbody-content .bulk-edit-row-page .inline-edit-col-right { 950 width: 69%; 951 } 952 953 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { 954 float: right; 955 width: 69%; 956 } 957 958 #wpbody-content .inline-edit-row-page .inline-edit-col-right { 959 margin-top: 27px; 960 } 961 962 .inline-edit-row fieldset .inline-edit-group { 963 clear: both; 964 line-height: 2.5; 965 } 966 967 .inline-edit-row .submit { 968 display: flex; 969 flex-wrap: wrap; 970 align-items: center; 971 clear: both; 972 margin: 0; 973 padding: 0.5em 0 1em; 974 } 975 976 .inline-edit-save.submit .button { 977 margin-right: 8px; 978 } 979 980 .inline-edit-save .spinner { 981 float: none; 982 margin: 0; 983 } 984 985 .inline-edit-row .notice-error { 986 box-sizing: border-box; 987 min-width: 100%; 988 margin-top: 1em; 989 } 990 991 .inline-edit-row .notice-error .error { 992 margin: 0.5em 0; 993 padding: 2px; 994 } 995 996 /* Positioning */ 997 998 /* Needs higher specificity for the padding */ 999 #the-list .inline-edit-row .inline-edit-legend { 1000 margin: 0; 1001 padding: 0.2em 0; 1002 line-height: 2.5; 1003 font-weight: 600; 1004 } 1005 1006 .inline-edit-row fieldset span.title, 1007 .inline-edit-row fieldset span.checkbox-title { 1008 margin: 0; 1009 padding: 0; 1010 } 1011 1012 .inline-edit-row fieldset label, 1013 .inline-edit-row fieldset span.inline-edit-categories-label { 1014 display: block; 1015 margin: .2em 0; 1016 line-height: 2.5; 1017 } 1018 1019 .inline-edit-row fieldset.inline-edit-date label { 1020 display: inline-block; 1021 margin: 0; 1022 vertical-align: baseline; 1023 line-height: 2; 1024 } 1025 1026 .inline-edit-row fieldset label.inline-edit-tags { 1027 margin-top: 0; 1028 } 1029 1030 .inline-edit-row fieldset label.inline-edit-tags span.title { 1031 margin: .2em 0; 1032 width: auto; 1033 } 1034 1035 .inline-edit-row fieldset label span.title, 1036 .inline-edit-row fieldset.inline-edit-date legend { 1037 display: block; 1038 float: left; 1039 width: 6em; 1040 line-height: 2.5; 1041 } 1042 1043 #posts-filter fieldset.inline-edit-date legend { 1044 padding: 0; 1045 } 1046 1047 .inline-edit-row fieldset label span.input-text-wrap, 1048 .inline-edit-row fieldset .timestamp-wrap { 1049 display: block; 1050 margin-left: 6em; 1051 } 1052 1053 .quick-edit-row-post fieldset.inline-edit-col-right label span.title { 1054 width: auto; 1055 padding-right: 0.5em; 1056 } 1057 1058 .inline-edit-row .inline-edit-or { 1059 margin: .2em 6px .2em 0; 1060 line-height: 2.5; 1061 } 1062 1063 .inline-edit-row .input-text-wrap input[type=text] { 1064 width: 100%; 1065 } 1066 1067 .inline-edit-row fieldset label input[type=checkbox] { 1068 vertical-align: middle; 1069 } 1070 1071 .inline-edit-row fieldset label textarea { 1072 width: 100%; 1073 height: 4em; 1074 vertical-align: top; 1075 } 1076 1077 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { 1078 max-width: 50%; 1079 } 1080 1081 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { 1082 margin-right: 0.5em 1083 } 1084 1085 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { 1086 width: 6em; 1087 } 1088 1089 /* Styling */ 1090 .inline-edit-row .inline-edit-legend { 1091 text-transform: uppercase; 1092 } 1093 1094 /* Specific Elements */ 1095 .inline-edit-row fieldset .inline-edit-date { 1096 float: left; 1097 } 1098 1099 .inline-edit-row fieldset input[name=jj], 1100 .inline-edit-row fieldset input[name=hh], 1101 .inline-edit-row fieldset input[name=mn], 1102 .inline-edit-row fieldset input[name=aa] { 1103 vertical-align: middle; 1104 text-align: center; 1105 padding: 0 4px; 1106 } 1107 1108 .inline-edit-row fieldset label input.inline-edit-password-input { 1109 width: 8em; 1110 } 1111 1112 #bulk-titles-list, 1113 #bulk-titles-list li, 1114 .inline-edit-row fieldset ul.cat-checklist li, 1115 .inline-edit-row fieldset ul.cat-checklist input { 1116 margin: 0; 1117 position: relative; /* RTL fix, #WP27629 */ 1118 } 1119 1120 .inline-edit-row fieldset ul.cat-checklist input { 1121 margin-top: -1px; 1122 margin-left: 3px; 1123 } 1124 1125 .inline-edit-row fieldset label input.inline-edit-menu-order-input { 1126 width: 3em; 1127 } 1128 1129 .inline-edit-row fieldset label input.inline-edit-slug-input { 1130 width: 75%; 1131 } 1132 1133 .inline-edit-row select[name="post_parent"], 1134 .inline-edit-row select[name="page_template"] { 1135 max-width: 80%; 1136 } 1137 1138 .quick-edit-row-post fieldset label.inline-edit-status { 1139 float: left; 1140 } 1141 1142 #bulk-titles, 1143 ul.cat-checklist { 1144 height: 14em; 1145 border: 1px solid #ddd; 1146 margin: 0 0 5px; 1147 padding: 0.2em 5px; 1148 overflow-y: scroll; 1149 } 1150 1151 ul.cat-checklist input[name="post_category[]"]:indeterminate::before { 1152 content: ''; 1153 border-top: 2px solid grey; 1154 width: 65%; 1155 height: 2px; 1156 position: absolute; 1157 top: calc( 50% + 1px ); 1158 left: 50%; 1159 transform: translate( -50%, -50% ); 1160 } 1161 1162 #bulk-titles .ntdelbutton, 1163 #bulk-titles .ntdeltitle, 1164 .inline-edit-row fieldset ul.cat-checklist label { 1165 display: inline-block; 1166 margin: 0; 1167 padding: 3px 0; 1168 line-height: 20px; 1169 vertical-align: top; 1170 } 1171 1172 #bulk-titles .ntdelitem { 1173 padding-left: 23px; 1174 } 1175 1176 #bulk-titles .ntdelbutton { 1177 width: 26px; 1178 height: 26px; 1179 margin: 0 0 0 -26px; 1180 text-align: center; 1181 border-radius: 3px; 1182 } 1183 1184 #bulk-titles .ntdelbutton:before { 1185 display: inline-block; 1186 vertical-align: top; 1187 } 1188 1189 #bulk-titles .ntdelbutton:focus { 1190 box-shadow: 0 0 0 2px #3582c4; 1191 /* Only visible in Windows High Contrast mode */ 1192 outline: 2px solid transparent; 1193 /* Reset inherited offset from Gutenberg */ 1194 outline-offset: 0; 1195 } 1196 1197 /*------------------------------------------------------------------------------ 1198 17.0 - Plugins 1199 ------------------------------------------------------------------------------*/ 1200 1201 .plugins tbody th.check-column, 1202 .plugins tbody { 1203 padding: 8px 0 0 2px; 1204 } 1205 1206 .plugins tbody th.check-column input[type=checkbox] { 1207 margin-top: 4px; 1208 } 1209 1210 .updates-table .plugin-title p { 1211 margin-top: 0; 1212 } 1213 1214 .plugins thead td.check-column, 1215 .plugins tfoot td.check-column, 1216 .plugins .inactive th.check-column { 1217 padding-left: 6px; 1218 } 1219 1220 .plugins, 1221 .plugins th, 1222 .plugins td { 1223 color: #000; 1224 } 1225 1226 .plugins tr { 1227 background: #fff; 1228 } 1229 1230 .plugins p { 1231 margin: 0 4px; 1232 padding: 0; 1233 } 1234 1235 .plugins .desc p { 1236 margin: 0 0 8px; 1237 } 1238 1239 .plugins td.desc { 1240 line-height: 1.5; 1241 } 1242 1243 .plugins .desc ul, 1244 .plugins .desc ol { 1245 margin: 0 0 0 2em; 1246 } 1247 1248 .plugins .desc ul { 1249 list-style-type: disc; 1250 } 1251 1252 .plugins .row-actions { 1253 font-size: 13px; 1254 padding: 0; 1255 } 1256 1257 .plugins .inactive td, 1258 .plugins .inactive th, 1259 .plugins .active td, 1260 .plugins .active th { 1261 padding: 10px 9px; 1262 } 1263 1264 .plugins .active td, 1265 .plugins .active th { 1266 background-color: #f0f6fc; 1267 } 1268 1269 .plugins .update th, 1270 .plugins .update td { 1271 border-bottom: 0; 1272 } 1273 1274 .plugins .inactive td, 1275 .plugins .inactive th, 1276 .plugins .active td, 1277 .plugins .active th, 1278 .plugin-install #the-list td, 1279 .upgrade .plugins td, 1280 .upgrade .plugins th { 1281 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1282 } 1283 1284 .plugins tr.active.plugin-update-tr + tr.inactive th, 1285 .plugins tr.active.plugin-update-tr + tr.inactive td, 1286 .plugins tr.active + tr.inactive th, 1287 .plugins tr.active + tr.inactive td { 1288 border-top: 1px solid rgba(0, 0, 0, 0.03); 1289 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde; 1290 } 1291 1292 .plugins .update td, 1293 .plugins .update th, 1294 .upgrade .plugins tr:last-of-type td, 1295 .upgrade .plugins tr:last-of-type th, 1296 .plugins tr.active + tr.inactive.update th, 1297 .plugins tr.active + tr.inactive.update td, 1298 .plugins .updated td, 1299 .plugins .updated th, 1300 .plugins tr.active + tr.inactive.updated th, 1301 .plugins tr.active + tr.inactive.updated td { 1302 box-shadow: none; 1303 } 1304 1305 .plugins .active th.check-column, 1306 .plugin-update-tr.active td { 1307 border-left: 4px solid #72aee6; 1308 } 1309 1310 .wp-list-table.plugins .plugin-title, 1311 .wp-list-table.plugins .theme-title { 1312 padding-right: 12px; 1313 white-space: nowrap; 1314 } 1315 1316 1317 .plugins .plugin-title .dashicons, 1318 .plugins .plugin-title img.plugin-icon, 1319 .plugins .plugin-title img.updates-table-screenshot { 1320 float: left; 1321 padding: 0 10px 0 0; 1322 width: 64px; 1323 height: 64px; 1324 } 1325 1326 .plugins .plugin-title .dashicons:before { 1327 padding: 2px; 1328 background-color: #f0f0f1; 1329 box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15); 1330 font-size: 60px; 1331 color: #c3c4c7; 1332 } 1333 1334 #update-themes-table .plugin-title img.updates-table-screenshot, 1335 #update-themes-table .plugin-title .dashicons { 1336 width: 85px; 1337 } 1338 1339 .plugins .column-auto-updates { 1340 width: 14.2em; 1341 } 1342 1343 .plugins .inactive .plugin-title strong { 1344 font-weight: 400; 1345 } 1346 1347 .plugins .second, 1348 .plugins .row-actions { 1349 padding: 0 0 5px; 1350 } 1351 1352 .plugins .row-actions { 1353 white-space: normal; 1354 min-width: 12em; 1355 } 1356 1357 .plugins .update .second, 1358 .plugins .update .row-actions, 1359 .plugins .updated .second, 1360 .plugins .updated .row-actions { 1361 padding-bottom: 0; 1362 } 1363 1364 .plugins-php .widefat tfoot th, 1365 .plugins-php .widefat tfoot td { 1366 border-top-style: solid; 1367 border-top-width: 1px; 1368 } 1369 1370 .plugins .plugin-update-tr .plugin-update { 1371 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1372 overflow: hidden; /* clearfix */ 1373 padding: 0; 1374 } 1375 1376 .plugins .plugin-update-tr .notice, 1377 .plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */ 1378 margin: 5px 20px 15px 40px; 1379 } 1380 1381 .plugins .notice p { 1382 margin: 0.5em 0; 1383 } 1384 1385 .plugins .plugin-description a, 1386 .plugins .plugin-update a, 1387 .updates-table .plugin-title a { 1388 text-decoration: underline; 1389 } 1390 1391 .plugins tr.paused th.check-column { 1392 border-left: 4px solid #b32d2e; 1393 } 1394 1395 .plugins tr.paused th, 1396 .plugins tr.paused td { 1397 background-color: #f6f7f7; 1398 } 1399 1400 .plugins tr.paused .plugin-title, 1401 .plugins .paused .dashicons-warning { 1402 color: #b32d2e; 1403 } 1404 1405 .plugins .paused .error-display p, 1406 .plugins .paused .error-display code { 1407 font-size: 90%; 1408 color: rgba(0, 0, 0, 0.7); 1409 } 1410 1411 .plugins .resume-link { 1412 color: #b32d2e; 1413 } 1414 1415 .plugin-card .update-now:before { 1416 color: #d63638; 1417 content: "\f463"; 1418 display: inline-block; 1419 font: normal 20px/1 dashicons; 1420 margin: -3px 5px 0 -2px; 1421 speak: never; 1422 -webkit-font-smoothing: antialiased; 1423 -moz-osx-font-smoothing: grayscale; 1424 vertical-align: middle; 1425 } 1426 1427 .plugin-card .updating-message:before { 1428 content: "\f463"; 1429 animation: rotation 2s infinite linear; 1430 } 1431 1432 @keyframes rotation { 1433 0% { 1434 transform: rotate(0deg); 1435 } 1436 100% { 1437 transform: rotate(359deg); 1438 } 1439 } 1440 1441 .plugin-card .updated-message:before { 1442 color: #68de7c; 1443 content: "\f147"; 1444 } 1445 1446 .plugin-install-php #the-list { 1447 display: flex; 1448 flex-wrap: wrap; 1449 } 1450 1451 .plugin-install-php .plugin-card { 1452 display: flex; 1453 flex-direction: column; 1454 justify-content: space-between; 1455 } 1456 1457 .plugin-install-php h2 { 1458 clear: both; 1459 } 1460 1461 .plugin-install-php h3 { 1462 margin: 2.5em 0 8px; 1463 } 1464 1465 .plugin-install-php .wp-filter { 1466 margin-bottom: 0; 1467 } 1468 1469 /* Plugin card table view */ 1470 .plugin-group { 1471 overflow: hidden; /* clearfix */ 1472 margin-top: 1.5em; 1473 } 1474 1475 .plugin-group h3 { 1476 margin-top: 0; 1477 } 1478 1479 .plugin-card { 1480 float: left; 1481 margin: 0 8px 16px; 1482 width: 48.5%; 1483 width: calc( 50% - 8px ); 1484 background-color: #fff; 1485 border: 1px solid #dcdcde; 1486 box-sizing: border-box; 1487 } 1488 1489 .plugin-card:nth-child(odd) { 1490 clear: both; 1491 margin-left: 0; 1492 } 1493 1494 .plugin-card:nth-child(even) { 1495 margin-right: 0; 1496 } 1497 1498 @media screen and (min-width: 1600px) and ( max-width: 2299px ) { 1499 .plugin-card { 1500 width: 30%; 1501 width: calc( 33.1% - 8px ); 1502 } 1503 1504 .plugin-card:nth-child(odd) { 1505 clear: none; 1506 margin-left: 8px; 1507 } 1508 1509 .plugin-card:nth-child(even) { 1510 margin-right: 8px; 1511 } 1512 1513 .plugin-card:nth-child(3n+1) { 1514 clear: both; 1515 margin-left: 0; 1516 } 1517 1518 .plugin-card:nth-child(3n) { 1519 margin-right: 0; 1520 } 1521 } 1522 1523 @media screen and (min-width: 2300px) { 1524 .plugin-card { 1525 width: 25%; 1526 width: calc( 25% - 12px ); 1527 } 1528 1529 .plugin-card:nth-child(odd) { 1530 clear: none; 1531 margin-left: 8px; 1532 } 1533 1534 .plugin-card:nth-child(even) { 1535 margin-right: 8px; 1536 } 1537 1538 .plugin-card:nth-child(4n+1) { 1539 clear: both; 1540 margin-left: 0; 1541 } 1542 1543 .plugin-card:nth-child(4n) { 1544 margin-right: 0; 1545 } 1546 } 1547 1548 .plugin-card-top { 1549 position: relative; 1550 padding: 20px 20px 10px; 1551 min-height: 135px; 1552 } 1553 1554 div.action-links, 1555 .plugin-action-buttons { 1556 margin: 0; /* Override existing margins */ 1557 } 1558 1559 .plugin-card h3 { 1560 margin: 0 12px 12px 0; 1561 font-size: 18px; 1562 line-height: 1.3; 1563 } 1564 1565 .plugin-card .desc { 1566 margin-inline: 0; 1567 } 1568 1569 .plugin-card .name, .plugin-card .desc > p { 1570 margin-left: 148px; 1571 } 1572 1573 @media (min-width: 1101px) { 1574 .plugin-card .name, .plugin-card .desc > p { 1575 margin-right: 128px; 1576 } 1577 } 1578 1579 @media (min-width: 481px) and (max-width: 781px) { 1580 .plugin-card .name, .plugin-card .desc > p { 1581 margin-right: 128px; 1582 } 1583 } 1584 1585 .plugin-card .column-description { 1586 display: flex; 1587 flex-direction: column; 1588 justify-content: flex-start; 1589 } 1590 1591 .plugin-card .column-description > p { 1592 margin-top: 0; 1593 } 1594 1595 .plugin-card .column-description p:empty { 1596 display: none; 1597 } 1598 1599 .plugin-card .notice.plugin-dependencies { 1600 margin: auto 20px 20px; 1601 padding: 15px; 1602 } 1603 1604 .plugin-card .plugin-dependencies-explainer-text { 1605 margin-block: 0; 1606 } 1607 1608 .plugin-card .plugin-dependency { 1609 align-items: center; 1610 display: flex; 1611 flex-wrap: wrap; 1612 margin-top: .5em; 1613 column-gap: 1%; 1614 row-gap: .5em; 1615 } 1616 1617 .plugin-card .plugin-dependency:nth-child(2), 1618 .plugin-card .plugin-dependency:last-child { 1619 margin-top: 1em; 1620 } 1621 1622 .plugin-card .plugin-dependency-name { 1623 flex-basis: 74%; 1624 } 1625 1626 .plugin-card .plugin-dependency .more-details-link { 1627 margin-left: auto; 1628 } 1629 1630 .rtl .plugin-card .plugin-dependency .more-details-link { 1631 margin-right: auto; 1632 } 1633 1634 @media (max-width: 939px) { 1635 .plugin-card .plugin-dependency-name { 1636 flex-basis: 69%; 1637 } 1638 } 1639 1640 .plugins #the-list .required-by, 1641 .plugins #the-list .requires { 1642 margin-top: 1em; 1643 } 1644 1645 .plugin-card .action-links { 1646 position: absolute; 1647 top: 20px; 1648 right: 20px; 1649 width: 120px; 1650 } 1651 1652 .plugin-action-buttons { 1653 clear: right; 1654 float: right; 1655 margin-bottom: 1em; 1656 text-align: right; 1657 } 1658 1659 .plugin-action-buttons li { 1660 margin-bottom: 10px; 1661 } 1662 1663 .plugin-card-bottom { 1664 clear: both; 1665 padding: 12px 20px; 1666 background-color: #f6f7f7; 1667 border-top: 1px solid #dcdcde; 1668 overflow: hidden; 1669 } 1670 1671 .plugin-card-bottom .star-rating { 1672 display: inline; 1673 } 1674 1675 .plugin-card-update-failed .update-now { 1676 font-weight: 600; 1677 } 1678 1679 .plugin-card-update-failed .notice-error { 1680 margin: 0; 1681 padding-left: 16px; 1682 box-shadow: 0 -1px 0 #dcdcde; 1683 } 1684 1685 .plugin-card-update-failed .plugin-card-bottom { 1686 display: none; 1687 } 1688 1689 .plugin-card .column-rating { 1690 line-height: 1.76923076; 1691 } 1692 1693 .plugin-card .column-rating, 1694 .plugin-card .column-updated { 1695 margin-bottom: 4px; 1696 } 1697 1698 .plugin-card .column-rating, 1699 .plugin-card .column-downloaded { 1700 float: left; 1701 clear: left; 1702 max-width: 180px; 1703 } 1704 1705 .plugin-card .column-updated, 1706 .plugin-card .column-compatibility { 1707 text-align: right; 1708 float: right; 1709 clear: right; 1710 width: 65%; 1711 width: calc( 100% - 180px ); 1712 } 1713 1714 .plugin-card .column-compatibility span:before { 1715 font: normal 20px/.5 dashicons; 1716 speak: never; 1717 display: inline-block; 1718 padding: 0; 1719 top: 4px; 1720 left: -2px; 1721 position: relative; 1722 vertical-align: top; 1723 -webkit-font-smoothing: antialiased; 1724 -moz-osx-font-smoothing: grayscale; 1725 text-decoration: none !important; 1726 color: #3c434a; 1727 } 1728 1729 .plugin-card .column-compatibility .compatibility-incompatible:before { 1730 content: "\f158"; 1731 color: #d63638; 1732 } 1733 1734 .plugin-card .column-compatibility .compatibility-compatible:before { 1735 content: "\f147"; 1736 color: #007017; 1737 } 1738 1739 .plugin-card .notice { 1740 margin: 20px 20px 0; 1741 } 1742 1743 .plugin-card .plugin-icon { 1744 position: absolute; 1745 top: 20px; 1746 left: 20px; 1747 width: 128px; 1748 height: 128px; 1749 margin: 0 20px 20px 0; 1750 } 1751 1752 .no-plugin-results { 1753 color: #646970; /* same as no themes and no media */ 1754 font-size: 18px; 1755 font-style: normal; 1756 margin: 0; 1757 padding: 100px 0 0; 1758 width: 100%; 1759 text-align: center; 1760 } 1761 1762 /* ms */ 1763 /* Background Color for Site Status */ 1764 .wp-list-table .site-deleted, 1765 .wp-list-table tr.site-deleted, 1766 .wp-list-table .site-archived, 1767 .wp-list-table tr.site-archived { 1768 background: #fcf0f1; 1769 } 1770 .wp-list-table .site-spammed, 1771 .wp-list-table tr.site-spammed, 1772 .wp-list-table .site-mature, 1773 .wp-list-table tr.site-mature { 1774 background: #fcf9e8; 1775 } 1776 1777 .sites.fixed .column-lastupdated, 1778 .sites.fixed .column-registered { 1779 width: 20%; 1780 } 1781 1782 .sites.fixed .column-users { 1783 width: 80px; 1784 } 1785 1786 /* =Media Queries 1787 -------------------------------------------------------------- */ 1788 1789 @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) { 1790 .plugin-card .action-links { 1791 position: static; 1792 margin-left: 148px; 1793 width: auto; 1794 } 1795 1796 .plugin-action-buttons { 1797 float: none; 1798 margin: 1em 0 0; 1799 text-align: left; 1800 } 1801 1802 .plugin-action-buttons li { 1803 display: inline-block; 1804 vertical-align: middle; 1805 } 1806 1807 .plugin-action-buttons li .button { 1808 margin-right: 20px; 1809 } 1810 1811 .plugin-card h3 { 1812 margin-right: 24px; 1813 } 1814 1815 .plugin-card .name, 1816 .plugin-card .desc { 1817 margin-right: 0; 1818 } 1819 1820 .plugin-card .desc p:first-of-type { 1821 margin-top: 0; 1822 } 1823 } 1824 1825 @media screen and (max-width: 782px) { 1826 /* WP List Table Options & Filters */ 1827 .tablenav { 1828 height: auto; 1829 } 1830 1831 .tablenav.top { 1832 margin: 20px 0 5px; 1833 } 1834 1835 .tablenav.bottom { 1836 position: relative; 1837 margin-top: 15px; 1838 } 1839 1840 .tablenav br { 1841 display: none; 1842 } 1843 1844 .tablenav br.clear { 1845 display: block; 1846 } 1847 1848 .tablenav.top .actions, 1849 .tablenav .view-switch { 1850 display: none; 1851 } 1852 1853 .view-switch a { 1854 width: 36px; 1855 height: 36px; 1856 line-height: 2.53846153; 1857 } 1858 1859 /* Pagination */ 1860 .tablenav.top .displaying-num { 1861 display: none; 1862 } 1863 1864 .tablenav.bottom .displaying-num { 1865 position: absolute; 1866 right: 0; 1867 top: 11px; 1868 margin: 0; 1869 font-size: 14px; 1870 } 1871 1872 .tablenav .tablenav-pages { 1873 width: 100%; 1874 text-align: center; 1875 margin: 0 0 25px; 1876 } 1877 1878 .tablenav.bottom .tablenav-pages { 1879 margin-top: 25px; 1880 } 1881 1882 .tablenav.top .tablenav-pages.one-page { 1883 display: none; 1884 } 1885 1886 .tablenav.bottom .actions select { 1887 margin-bottom: 5px; 1888 } 1889 1890 .tablenav.bottom .actions.alignleft + .actions.alignleft { 1891 clear: left; 1892 margin-top: 10px; 1893 } 1894 1895 .tablenav.bottom .tablenav-pages.one-page { 1896 margin-top: 15px; 1897 height: 0; 1898 } 1899 1900 .tablenav-pages .pagination-links { 1901 font-size: 16px; 1902 } 1903 1904 .tablenav .tablenav-pages .button, 1905 .tablenav .tablenav-pages .tablenav-pages-navspan { 1906 min-width: 44px; 1907 padding: 12px 8px; 1908 font-size: 18px; 1909 line-height: 1; 1910 } 1911 1912 .tablenav-pages .pagination-links .current-page { 1913 min-width: 44px; 1914 padding: 12px 6px; 1915 font-size: 16px; 1916 line-height: 1.125; 1917 } 1918 1919 /* WP List Table Adjustments: General */ 1920 .form-wrap > p { 1921 display: none; 1922 } 1923 1924 .wp-list-table th.column-primary ~ th, 1925 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) { 1926 display: none; 1927 } 1928 1929 .wp-list-table thead th.column-primary { 1930 width: 100%; 1931 } 1932 1933 /* Checkboxes need to show */ 1934 .wp-list-table tr th.check-column { 1935 display: table-cell; 1936 } 1937 1938 .wp-list-table .check-column { 1939 width: 2.5em; 1940 } 1941 1942 .wp-list-table .column-primary .toggle-row { 1943 display: block; 1944 } 1945 1946 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { 1947 position: relative; 1948 clear: both; 1949 width: auto !important; /* needs to override some columns that are more specifically targeted */ 1950 } 1951 1952 .wp-list-table td.column-primary { 1953 padding-right: 50px; /* space for toggle button */ 1954 } 1955 1956 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) { 1957 padding: 3px 8px 3px 35%; 1958 } 1959 1960 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before { 1961 position: absolute; 1962 left: 10px; /* match padding of regular table cell */ 1963 display: block; 1964 overflow: hidden; 1965 width: 32%; /* leave a little space for a gutter */ 1966 content: attr(data-colname); 1967 white-space: nowrap; 1968 text-overflow: ellipsis; 1969 } 1970 1971 .wp-list-table .is-expanded td:not(.hidden) { 1972 display: block !important; 1973 overflow: hidden; /* clearfix */ 1974 } 1975 1976 /* Special cases */ 1977 .widefat .num, 1978 .column-posts { 1979 text-align: left; 1980 } 1981 1982 #comments-form .fixed .column-author, 1983 #commentsdiv .fixed .column-author { 1984 display: none !important; 1985 } 1986 1987 .fixed .column-comment .comment-author { 1988 display: block; 1989 } 1990 1991 /* Comment author hidden via Screen Options */ 1992 .fixed .column-author.hidden ~ .column-comment .comment-author { 1993 display: none; 1994 } 1995 1996 #the-comment-list .is-expanded td { 1997 box-shadow: none; 1998 } 1999 2000 #the-comment-list .is-expanded td:last-child { 2001 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2002 } 2003 2004 /* Show comment bubble as text instead */ 2005 .post-com-count .screen-reader-text { 2006 position: static; 2007 clip-path: none; 2008 width: auto; 2009 height: auto; 2010 margin: 0; 2011 } 2012 2013 .column-response .post-com-count-no-comments:after, 2014 .column-response .post-com-count-approved:after, 2015 .column-comments .post-com-count-no-comments:after, 2016 .column-comments .post-com-count-approved:after { 2017 content: none; 2018 } 2019 2020 .column-response .post-com-count [aria-hidden="true"], 2021 .column-comments .post-com-count [aria-hidden="true"] { 2022 display: none; 2023 } 2024 2025 .column-response .post-com-count-wrapper, 2026 .column-comments .post-com-count-wrapper { 2027 white-space: normal; 2028 } 2029 2030 .column-response .post-com-count-wrapper > a, 2031 .column-comments .post-com-count-wrapper > a { 2032 display: block; 2033 } 2034 2035 .column-response .post-com-count-no-comments, 2036 .column-response .post-com-count-approved, 2037 .column-comments .post-com-count-no-comments, 2038 .column-comments .post-com-count-approved { 2039 margin-top: 0; 2040 margin-right: 0.5em; 2041 } 2042 2043 .column-response .post-com-count-pending, 2044 .column-comments .post-com-count-pending { 2045 position: static; 2046 height: auto; 2047 min-width: 0; 2048 padding: 0; 2049 border: none; 2050 border-radius: 0; 2051 background: none; 2052 color: #b32d2e; 2053 font-size: inherit; 2054 line-height: inherit; 2055 text-align: left; 2056 } 2057 2058 .column-response .post-com-count-pending:hover, 2059 .column-comments .post-com-count-pending:hover { 2060 color: #d63638; 2061 } 2062 2063 .widefat thead td.check-column, 2064 .widefat tfoot td.check-column { 2065 padding-top: 10px; 2066 } 2067 2068 .row-actions { 2069 margin-right: -8px; 2070 padding-top: 4px; 2071 } 2072 2073 /* Make row actions more easy to select on mobile */ 2074 body:not(.plugins-php) .row-actions { 2075 display: flex; 2076 flex-wrap: wrap; 2077 gap: 8px; 2078 color: transparent; 2079 } 2080 2081 .row-actions span { 2082 font-size: 0; 2083 } 2084 2085 .row-actions span a, 2086 .row-actions span .button-link { 2087 display: inline-block; 2088 padding: 4px 16px 4px 0; 2089 font-size: 13px; 2090 line-height: 1.5; 2091 } 2092 2093 .row-actions span.approve:before, 2094 .row-actions span.unapprove:before { 2095 content: "| "; 2096 } 2097 2098 /* Quick Edit and Bulk Edit */ 2099 #wpbody-content .quick-edit-row-post .inline-edit-col-left, 2100 #wpbody-content .quick-edit-row-post .inline-edit-col-right, 2101 #wpbody-content .inline-edit-row-post .inline-edit-col-center, 2102 #wpbody-content .quick-edit-row-page .inline-edit-col-left, 2103 #wpbody-content .quick-edit-row-page .inline-edit-col-right, 2104 #wpbody-content .bulk-edit-row-post .inline-edit-col-right, 2105 #wpbody-content .bulk-edit-row .inline-edit-col-left, 2106 #wpbody-content .bulk-edit-row-page .inline-edit-col-right, 2107 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { 2108 float: none; 2109 width: 100%; 2110 padding: 0; 2111 } 2112 2113 #the-list .inline-edit-row .inline-edit-legend, 2114 .inline-edit-row span.title { 2115 font-size: 16px; 2116 } 2117 2118 .inline-edit-row p.howto { 2119 font-size: 14px; 2120 } 2121 2122 #wpbody-content .inline-edit-row-page .inline-edit-col-right { 2123 margin-top: 0; 2124 } 2125 2126 #wpbody-content .quick-edit-row fieldset .inline-edit-col label, 2127 #wpbody-content .quick-edit-row fieldset .inline-edit-group label, 2128 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, 2129 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { 2130 max-width: none; 2131 float: none; 2132 margin-bottom: 5px; 2133 } 2134 2135 #wpbody .bulk-edit-row fieldset select { 2136 display: block; 2137 width: 100%; 2138 max-width: none; 2139 box-sizing: border-box; 2140 } 2141 2142 .inline-edit-row fieldset input[name=jj], 2143 .inline-edit-row fieldset input[name=hh], 2144 .inline-edit-row fieldset input[name=mn], 2145 .inline-edit-row fieldset input[name=aa] { 2146 font-size: 16px; 2147 line-height: 2; 2148 padding: 3px 4px; 2149 } 2150 2151 #bulk-titles .ntdelbutton, 2152 #bulk-titles .ntdeltitle, 2153 .inline-edit-row fieldset ul.cat-checklist label { 2154 padding: 6px 0; 2155 font-size: 16px; 2156 line-height: 28px; 2157 } 2158 2159 #bulk-titles .ntdelitem { 2160 padding-left: 37px; 2161 } 2162 2163 #bulk-titles .ntdelbutton { 2164 width: 40px; 2165 height: 40px; 2166 margin: 0 0 0 -40px; 2167 overflow: hidden; 2168 } 2169 2170 #bulk-titles .ntdelbutton:before { 2171 font-size: 20px; 2172 line-height: 28px; 2173 } 2174 2175 .inline-edit-row fieldset label span.title, 2176 .inline-edit-row fieldset.inline-edit-date legend { 2177 float: none; 2178 } 2179 2180 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { 2181 padding: 0; 2182 } 2183 2184 .inline-edit-row fieldset label span.input-text-wrap, 2185 .inline-edit-row fieldset .timestamp-wrap { 2186 margin-left: 0; 2187 } 2188 2189 .inline-edit-row .inline-edit-or { 2190 margin: 0 6px 0 0; 2191 } 2192 2193 #edithead .inside, 2194 #commentsdiv #edithead .inside { 2195 float: none; 2196 text-align: left; 2197 padding: 3px 5px; 2198 } 2199 2200 #commentsdiv #edithead .inside input, 2201 #edithead .inside input { 2202 width: 100%; 2203 } 2204 2205 #edithead label { 2206 display: block; 2207 } 2208 2209 /* Updates */ 2210 #wpbody-content .updates-table .plugin-title { 2211 width: auto; 2212 white-space: normal; 2213 } 2214 2215 /* Links */ 2216 .link-manager-php #posts-filter { 2217 margin-top: 25px; 2218 } 2219 2220 .link-manager-php .tablenav.bottom { 2221 overflow: hidden; 2222 } 2223 2224 /* List tables that don't toggle rows */ 2225 .comments-box .toggle-row, 2226 .wp-list-table.plugins .toggle-row { 2227 display: none; 2228 } 2229 2230 /* Plugin/Theme Management */ 2231 #wpbody-content .wp-list-table.plugins td { 2232 display: block; 2233 width: auto; 2234 padding: 10px 9px; /* reset from other list tables that have a label at this width */ 2235 } 2236 2237 #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td, 2238 #wpbody-content .wp-list-table.plugins .no-items td { 2239 display: table-cell; 2240 } 2241 2242 /* Plugin description hidden via Screen Options */ 2243 #wpbody-content .wp-list-table.plugins .desc.hidden { 2244 display: none; 2245 } 2246 2247 #wpbody-content .wp-list-table.plugins .column-description { 2248 padding-top: 2px; 2249 } 2250 2251 #wpbody-content .wp-list-table.plugins .plugin-title, 2252 #wpbody-content .wp-list-table.plugins .theme-title { 2253 padding-right: 12px; 2254 white-space: normal; 2255 } 2256 2257 .wp-list-table.plugins .plugin-title, 2258 .wp-list-table.plugins .theme-title { 2259 padding-top: 13px; 2260 padding-bottom: 4px; 2261 } 2262 2263 .plugins #the-list tr > td:not(:last-child), 2264 .plugins #the-list .update th, 2265 .plugins #the-list .update td, 2266 .wp-list-table.plugins #the-list .theme-title { 2267 box-shadow: none; 2268 border-top: none; 2269 } 2270 2271 .plugins #the-list tr td { 2272 border-top: none; 2273 } 2274 2275 .plugins tbody { 2276 padding: 1px 0 0; 2277 } 2278 2279 .plugins tr.active + tr.inactive th.check-column, 2280 .plugins tr.active + tr.inactive td.column-description, 2281 .plugins .plugin-update-tr:before { 2282 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2283 } 2284 2285 .plugins tr.active + tr.inactive th.check-column, 2286 .plugins tr.active + tr.inactive td { 2287 border-top: none; 2288 } 2289 2290 /* mimic the checkbox th */ 2291 .plugins .plugin-update-tr:before { 2292 content: ""; 2293 display: table-cell; 2294 } 2295 2296 .plugins #the-list .plugin-update-tr .plugin-update { 2297 border-left: none; 2298 } 2299 2300 .plugin-update-tr .update-message { 2301 margin-left: 0; 2302 } 2303 2304 .plugins .active.update + .plugin-update-tr:before, 2305 .plugins .active.updated + .plugin-update-tr:before { 2306 background-color: #f0f6fc; 2307 border-left: 4px solid #72aee6; 2308 } 2309 2310 .plugins .plugin-update-tr .update-message { 2311 margin-left: 0; 2312 } 2313 2314 .wp-list-table.plugins .plugin-title strong, 2315 .wp-list-table.plugins .theme-title strong { 2316 font-size: 1.4em; 2317 line-height: 1.5; 2318 } 2319 2320 .plugins tbody th.check-column { 2321 padding: 8px 0 0 5px; 2322 } 2323 2324 .plugins thead td.check-column, 2325 .plugins tfoot td.check-column, 2326 .plugins .inactive th.check-column { 2327 padding-left: 9px; 2328 } 2329 2330 /* Add New plugins page */ 2331 table.plugin-install .column-name, 2332 table.plugin-install .column-version, 2333 table.plugin-install .column-rating, 2334 table.plugin-install .column-description { 2335 display: block; 2336 width: auto; 2337 } 2338 2339 table.plugin-install th.column-name, 2340 table.plugin-install th.column-version, 2341 table.plugin-install th.column-rating, 2342 table.plugin-install th.column-description { 2343 display: none; 2344 } 2345 2346 table.plugin-install td.column-name strong { 2347 font-size: 1.4em; 2348 line-height: 1.6em; 2349 } 2350 2351 table.plugin-install #the-list td { 2352 box-shadow: none; 2353 } 2354 2355 table.plugin-install #the-list tr { 2356 display: block; 2357 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2358 } 2359 2360 .plugin-card { 2361 margin-left: 0; 2362 margin-right: 0; 2363 width: 100%; 2364 } 2365 2366 table.media .column-title .has-media-icon ~ .row-actions { 2367 margin-left: 0; 2368 clear: both; 2369 } 2370 } 2371 2372 @media screen and (max-width: 480px) { 2373 .tablenav-pages .current-page { 2374 margin: 0; 2375 } 2376 2377 .tablenav.bottom .displaying-num { 2378 position: relative; 2379 top: 0; 2380 display: block; 2381 text-align: right; 2382 padding-bottom: 0.5em; 2383 } 2384 2385 .tablenav.bottom .tablenav-pages.one-page { 2386 height: auto; 2387 } 2388 2389 .tablenav-pages .tablenav-paging-text { 2390 float: left; 2391 width: 100%; 2392 padding-top: 0.5em; 2393 } 2394 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Tue Sep 9 08:20:04 2025 | Cross-referenced by PHPXref |