[ 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 .plugins .plugin-title img, 1317 .plugins .plugin-title .dashicons { 1318 float: left; 1319 padding: 0 10px 0 0; 1320 width: 64px; 1321 height: 64px; 1322 } 1323 1324 .plugins .plugin-title .dashicons:before { 1325 padding: 2px; 1326 background-color: #f0f0f1; 1327 box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15); 1328 font-size: 60px; 1329 color: #c3c4c7; 1330 } 1331 1332 #update-themes-table .plugin-title img, 1333 #update-themes-table .plugin-title .dashicons { 1334 width: 85px; 1335 } 1336 1337 .plugins .column-auto-updates { 1338 width: 14.2em; 1339 } 1340 1341 .plugins .inactive .plugin-title strong { 1342 font-weight: 400; 1343 } 1344 1345 .plugins .second, 1346 .plugins .row-actions { 1347 padding: 0 0 5px; 1348 } 1349 1350 .plugins .row-actions { 1351 white-space: normal; 1352 min-width: 12em; 1353 } 1354 1355 .plugins .update .second, 1356 .plugins .update .row-actions, 1357 .plugins .updated .second, 1358 .plugins .updated .row-actions { 1359 padding-bottom: 0; 1360 } 1361 1362 .plugins-php .widefat tfoot th, 1363 .plugins-php .widefat tfoot td { 1364 border-top-style: solid; 1365 border-top-width: 1px; 1366 } 1367 1368 .plugins .plugin-update-tr .plugin-update { 1369 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1370 overflow: hidden; /* clearfix */ 1371 padding: 0; 1372 } 1373 1374 .plugins .plugin-update-tr .notice, 1375 .plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */ 1376 margin: 5px 20px 15px 40px; 1377 } 1378 1379 .plugins .notice p { 1380 margin: 0.5em 0; 1381 } 1382 1383 .plugins .plugin-description a, 1384 .plugins .plugin-update a, 1385 .updates-table .plugin-title a { 1386 text-decoration: underline; 1387 } 1388 1389 .plugins tr.paused th.check-column { 1390 border-left: 4px solid #b32d2e; 1391 } 1392 1393 .plugins tr.paused th, 1394 .plugins tr.paused td { 1395 background-color: #f6f7f7; 1396 } 1397 1398 .plugins tr.paused .plugin-title, 1399 .plugins .paused .dashicons-warning { 1400 color: #b32d2e; 1401 } 1402 1403 .plugins .paused .error-display p, 1404 .plugins .paused .error-display code { 1405 font-size: 90%; 1406 color: rgba(0, 0, 0, 0.7); 1407 } 1408 1409 .plugins .resume-link { 1410 color: #b32d2e; 1411 } 1412 1413 .plugin-card .update-now:before { 1414 color: #d63638; 1415 content: "\f463"; 1416 display: inline-block; 1417 font: normal 20px/1 dashicons; 1418 margin: -3px 5px 0 -2px; 1419 speak: never; 1420 -webkit-font-smoothing: antialiased; 1421 -moz-osx-font-smoothing: grayscale; 1422 vertical-align: middle; 1423 } 1424 1425 .plugin-card .updating-message:before { 1426 content: "\f463"; 1427 animation: rotation 2s infinite linear; 1428 } 1429 1430 @keyframes rotation { 1431 0% { 1432 transform: rotate(0deg); 1433 } 1434 100% { 1435 transform: rotate(359deg); 1436 } 1437 } 1438 1439 .plugin-card .updated-message:before { 1440 color: #68de7c; 1441 content: "\f147"; 1442 } 1443 1444 .plugin-install-php #the-list { 1445 display: flex; 1446 flex-wrap: wrap; 1447 } 1448 1449 .plugin-install-php .plugin-card { 1450 display: flex; 1451 flex-direction: column; 1452 justify-content: space-between; 1453 } 1454 1455 .plugin-install-php h2 { 1456 clear: both; 1457 } 1458 1459 .plugin-install-php h3 { 1460 margin: 2.5em 0 8px; 1461 } 1462 1463 .plugin-install-php .wp-filter { 1464 margin-bottom: 0; 1465 } 1466 1467 /* Plugin card table view */ 1468 .plugin-group { 1469 overflow: hidden; /* clearfix */ 1470 margin-top: 1.5em; 1471 } 1472 1473 .plugin-group h3 { 1474 margin-top: 0; 1475 } 1476 1477 .plugin-card { 1478 float: left; 1479 margin: 0 8px 16px; 1480 width: 48.5%; 1481 width: calc( 50% - 8px ); 1482 background-color: #fff; 1483 border: 1px solid #dcdcde; 1484 box-sizing: border-box; 1485 } 1486 1487 .plugin-card:nth-child(odd) { 1488 clear: both; 1489 margin-left: 0; 1490 } 1491 1492 .plugin-card:nth-child(even) { 1493 margin-right: 0; 1494 } 1495 1496 @media screen and (min-width: 1600px) and ( max-width: 2299px ) { 1497 .plugin-card { 1498 width: 30%; 1499 width: calc( 33.1% - 8px ); 1500 } 1501 1502 .plugin-card:nth-child(odd) { 1503 clear: none; 1504 margin-left: 8px; 1505 } 1506 1507 .plugin-card:nth-child(even) { 1508 margin-right: 8px; 1509 } 1510 1511 .plugin-card:nth-child(3n+1) { 1512 clear: both; 1513 margin-left: 0; 1514 } 1515 1516 .plugin-card:nth-child(3n) { 1517 margin-right: 0; 1518 } 1519 } 1520 1521 @media screen and (min-width: 2300px) { 1522 .plugin-card { 1523 width: 25%; 1524 width: calc( 25% - 12px ); 1525 } 1526 1527 .plugin-card:nth-child(odd) { 1528 clear: none; 1529 margin-left: 8px; 1530 } 1531 1532 .plugin-card:nth-child(even) { 1533 margin-right: 8px; 1534 } 1535 1536 .plugin-card:nth-child(4n+1) { 1537 clear: both; 1538 margin-left: 0; 1539 } 1540 1541 .plugin-card:nth-child(4n) { 1542 margin-right: 0; 1543 } 1544 } 1545 1546 .plugin-card-top { 1547 position: relative; 1548 padding: 20px 20px 10px; 1549 min-height: 135px; 1550 } 1551 1552 div.action-links, 1553 .plugin-action-buttons { 1554 margin: 0; /* Override existing margins */ 1555 } 1556 1557 .plugin-card h3 { 1558 margin: 0 12px 12px 0; 1559 font-size: 18px; 1560 line-height: 1.3; 1561 } 1562 1563 .plugin-card .desc { 1564 margin-inline: 0; 1565 } 1566 1567 .plugin-card .name, .plugin-card .desc > p { 1568 margin-left: 148px; 1569 } 1570 1571 @media (min-width: 1101px) { 1572 .plugin-card .name, .plugin-card .desc > p { 1573 margin-right: 128px; 1574 } 1575 } 1576 1577 @media (min-width: 481px) and (max-width: 781px) { 1578 .plugin-card .name, .plugin-card .desc > p { 1579 margin-right: 128px; 1580 } 1581 } 1582 1583 .plugin-card .column-description { 1584 display: flex; 1585 flex-direction: column; 1586 justify-content: flex-start; 1587 } 1588 1589 .plugin-card .column-description > p { 1590 margin-top: 0; 1591 } 1592 1593 .plugin-card .column-description p:empty { 1594 display: none; 1595 } 1596 1597 .plugin-card .notice.plugin-dependencies { 1598 margin: auto 20px 20px; 1599 padding: 15px; 1600 } 1601 1602 .plugin-card .plugin-dependencies-explainer-text { 1603 margin-block: 0; 1604 } 1605 1606 .plugin-card .plugin-dependency { 1607 align-items: center; 1608 display: flex; 1609 flex-wrap: wrap; 1610 margin-top: .5em; 1611 column-gap: 1%; 1612 row-gap: .5em; 1613 } 1614 1615 .plugin-card .plugin-dependency:nth-child(2), 1616 .plugin-card .plugin-dependency:last-child { 1617 margin-top: 1em; 1618 } 1619 1620 .plugin-card .plugin-dependency-name { 1621 flex-basis: 74%; 1622 } 1623 1624 .plugin-card .plugin-dependency .more-details-link { 1625 margin-left: auto; 1626 } 1627 1628 .rtl .plugin-card .plugin-dependency .more-details-link { 1629 margin-right: auto; 1630 } 1631 1632 @media (max-width: 939px) { 1633 .plugin-card .plugin-dependency-name { 1634 flex-basis: 69%; 1635 } 1636 } 1637 1638 .plugins #the-list .required-by, 1639 .plugins #the-list .requires { 1640 margin-top: 1em; 1641 } 1642 1643 .plugin-card .action-links { 1644 position: absolute; 1645 top: 20px; 1646 right: 20px; 1647 width: 120px; 1648 } 1649 1650 .plugin-action-buttons { 1651 clear: right; 1652 float: right; 1653 margin-bottom: 1em; 1654 text-align: right; 1655 } 1656 1657 .plugin-action-buttons li { 1658 margin-bottom: 10px; 1659 } 1660 1661 .plugin-card-bottom { 1662 clear: both; 1663 padding: 12px 20px; 1664 background-color: #f6f7f7; 1665 border-top: 1px solid #dcdcde; 1666 overflow: hidden; 1667 } 1668 1669 .plugin-card-bottom .star-rating { 1670 display: inline; 1671 } 1672 1673 .plugin-card-update-failed .update-now { 1674 font-weight: 600; 1675 } 1676 1677 .plugin-card-update-failed .notice-error { 1678 margin: 0; 1679 padding-left: 16px; 1680 box-shadow: 0 -1px 0 #dcdcde; 1681 } 1682 1683 .plugin-card-update-failed .plugin-card-bottom { 1684 display: none; 1685 } 1686 1687 .plugin-card .column-rating { 1688 line-height: 1.76923076; 1689 } 1690 1691 .plugin-card .column-rating, 1692 .plugin-card .column-updated { 1693 margin-bottom: 4px; 1694 } 1695 1696 .plugin-card .column-rating, 1697 .plugin-card .column-downloaded { 1698 float: left; 1699 clear: left; 1700 max-width: 180px; 1701 } 1702 1703 .plugin-card .column-updated, 1704 .plugin-card .column-compatibility { 1705 text-align: right; 1706 float: right; 1707 clear: right; 1708 width: 65%; 1709 width: calc( 100% - 180px ); 1710 } 1711 1712 .plugin-card .column-compatibility span:before { 1713 font: normal 20px/.5 dashicons; 1714 speak: never; 1715 display: inline-block; 1716 padding: 0; 1717 top: 4px; 1718 left: -2px; 1719 position: relative; 1720 vertical-align: top; 1721 -webkit-font-smoothing: antialiased; 1722 -moz-osx-font-smoothing: grayscale; 1723 text-decoration: none !important; 1724 color: #3c434a; 1725 } 1726 1727 .plugin-card .column-compatibility .compatibility-incompatible:before { 1728 content: "\f158"; 1729 color: #d63638; 1730 } 1731 1732 .plugin-card .column-compatibility .compatibility-compatible:before { 1733 content: "\f147"; 1734 color: #007017; 1735 } 1736 1737 .plugin-card .notice { 1738 margin: 20px 20px 0; 1739 } 1740 1741 .plugin-icon { 1742 position: absolute; 1743 top: 20px; 1744 left: 20px; 1745 width: 128px; 1746 height: 128px; 1747 margin: 0 20px 20px 0; 1748 } 1749 1750 .no-plugin-results { 1751 color: #646970; /* same as no themes and no media */ 1752 font-size: 18px; 1753 font-style: normal; 1754 margin: 0; 1755 padding: 100px 0 0; 1756 width: 100%; 1757 text-align: center; 1758 } 1759 1760 /* ms */ 1761 /* Background Color for Site Status */ 1762 .wp-list-table .site-deleted, 1763 .wp-list-table tr.site-deleted, 1764 .wp-list-table .site-archived, 1765 .wp-list-table tr.site-archived { 1766 background: #fcf0f1; 1767 } 1768 .wp-list-table .site-spammed, 1769 .wp-list-table tr.site-spammed, 1770 .wp-list-table .site-mature, 1771 .wp-list-table tr.site-mature { 1772 background: #fcf9e8; 1773 } 1774 1775 .sites.fixed .column-lastupdated, 1776 .sites.fixed .column-registered { 1777 width: 20%; 1778 } 1779 1780 .sites.fixed .column-users { 1781 width: 80px; 1782 } 1783 1784 /* =Media Queries 1785 -------------------------------------------------------------- */ 1786 1787 @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) { 1788 .plugin-card .action-links { 1789 position: static; 1790 margin-left: 148px; 1791 width: auto; 1792 } 1793 1794 .plugin-action-buttons { 1795 float: none; 1796 margin: 1em 0 0; 1797 text-align: left; 1798 } 1799 1800 .plugin-action-buttons li { 1801 display: inline-block; 1802 vertical-align: middle; 1803 } 1804 1805 .plugin-action-buttons li .button { 1806 margin-right: 20px; 1807 } 1808 1809 .plugin-card h3 { 1810 margin-right: 24px; 1811 } 1812 1813 .plugin-card .name, 1814 .plugin-card .desc { 1815 margin-right: 0; 1816 } 1817 1818 .plugin-card .desc p:first-of-type { 1819 margin-top: 0; 1820 } 1821 } 1822 1823 @media screen and (max-width: 782px) { 1824 /* WP List Table Options & Filters */ 1825 .tablenav { 1826 height: auto; 1827 } 1828 1829 .tablenav.top { 1830 margin: 20px 0 5px; 1831 } 1832 1833 .tablenav.bottom { 1834 position: relative; 1835 margin-top: 15px; 1836 } 1837 1838 .tablenav br { 1839 display: none; 1840 } 1841 1842 .tablenav br.clear { 1843 display: block; 1844 } 1845 1846 .tablenav.top .actions, 1847 .tablenav .view-switch { 1848 display: none; 1849 } 1850 1851 .view-switch a { 1852 width: 36px; 1853 height: 36px; 1854 line-height: 2.53846153; 1855 } 1856 1857 /* Pagination */ 1858 .tablenav.top .displaying-num { 1859 display: none; 1860 } 1861 1862 .tablenav.bottom .displaying-num { 1863 position: absolute; 1864 right: 0; 1865 top: 11px; 1866 margin: 0; 1867 font-size: 14px; 1868 } 1869 1870 .tablenav .tablenav-pages { 1871 width: 100%; 1872 text-align: center; 1873 margin: 0 0 25px; 1874 } 1875 1876 .tablenav.bottom .tablenav-pages { 1877 margin-top: 25px; 1878 } 1879 1880 .tablenav.top .tablenav-pages.one-page { 1881 display: none; 1882 } 1883 1884 .tablenav.bottom .actions select { 1885 margin-bottom: 5px; 1886 } 1887 1888 .tablenav.bottom .actions.alignleft + .actions.alignleft { 1889 clear: left; 1890 margin-top: 10px; 1891 } 1892 1893 .tablenav.bottom .tablenav-pages.one-page { 1894 margin-top: 15px; 1895 height: 0; 1896 } 1897 1898 .tablenav-pages .pagination-links { 1899 font-size: 16px; 1900 } 1901 1902 .tablenav .tablenav-pages .button, 1903 .tablenav .tablenav-pages .tablenav-pages-navspan { 1904 min-width: 44px; 1905 padding: 12px 8px; 1906 font-size: 18px; 1907 line-height: 1; 1908 } 1909 1910 .tablenav-pages .pagination-links .current-page { 1911 min-width: 44px; 1912 padding: 12px 6px; 1913 font-size: 16px; 1914 line-height: 1.125; 1915 } 1916 1917 /* WP List Table Adjustments: General */ 1918 .form-wrap > p { 1919 display: none; 1920 } 1921 1922 .wp-list-table th.column-primary ~ th, 1923 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) { 1924 display: none; 1925 } 1926 1927 .wp-list-table thead th.column-primary { 1928 width: 100%; 1929 } 1930 1931 /* Checkboxes need to show */ 1932 .wp-list-table tr th.check-column { 1933 display: table-cell; 1934 } 1935 1936 .wp-list-table .check-column { 1937 width: 2.5em; 1938 } 1939 1940 .wp-list-table .column-primary .toggle-row { 1941 display: block; 1942 } 1943 1944 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) { 1945 position: relative; 1946 clear: both; 1947 width: auto !important; /* needs to override some columns that are more specifically targeted */ 1948 } 1949 1950 .wp-list-table td.column-primary { 1951 padding-right: 50px; /* space for toggle button */ 1952 } 1953 1954 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) { 1955 padding: 3px 8px 3px 35%; 1956 } 1957 1958 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before { 1959 position: absolute; 1960 left: 10px; /* match padding of regular table cell */ 1961 display: block; 1962 overflow: hidden; 1963 width: 32%; /* leave a little space for a gutter */ 1964 content: attr(data-colname); 1965 white-space: nowrap; 1966 text-overflow: ellipsis; 1967 } 1968 1969 .wp-list-table .is-expanded td:not(.hidden) { 1970 display: block !important; 1971 overflow: hidden; /* clearfix */ 1972 } 1973 1974 /* Special cases */ 1975 .widefat .num, 1976 .column-posts { 1977 text-align: left; 1978 } 1979 1980 #comments-form .fixed .column-author, 1981 #commentsdiv .fixed .column-author { 1982 display: none !important; 1983 } 1984 1985 .fixed .column-comment .comment-author { 1986 display: block; 1987 } 1988 1989 /* Comment author hidden via Screen Options */ 1990 .fixed .column-author.hidden ~ .column-comment .comment-author { 1991 display: none; 1992 } 1993 1994 #the-comment-list .is-expanded td { 1995 box-shadow: none; 1996 } 1997 1998 #the-comment-list .is-expanded td:last-child { 1999 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2000 } 2001 2002 /* Show comment bubble as text instead */ 2003 .post-com-count .screen-reader-text { 2004 position: static; 2005 clip-path: none; 2006 width: auto; 2007 height: auto; 2008 margin: 0; 2009 } 2010 2011 .column-response .post-com-count-no-comments:after, 2012 .column-response .post-com-count-approved:after, 2013 .column-comments .post-com-count-no-comments:after, 2014 .column-comments .post-com-count-approved:after { 2015 content: none; 2016 } 2017 2018 .column-response .post-com-count [aria-hidden="true"], 2019 .column-comments .post-com-count [aria-hidden="true"] { 2020 display: none; 2021 } 2022 2023 .column-response .post-com-count-wrapper, 2024 .column-comments .post-com-count-wrapper { 2025 white-space: normal; 2026 } 2027 2028 .column-response .post-com-count-wrapper > a, 2029 .column-comments .post-com-count-wrapper > a { 2030 display: block; 2031 } 2032 2033 .column-response .post-com-count-no-comments, 2034 .column-response .post-com-count-approved, 2035 .column-comments .post-com-count-no-comments, 2036 .column-comments .post-com-count-approved { 2037 margin-top: 0; 2038 margin-right: 0.5em; 2039 } 2040 2041 .column-response .post-com-count-pending, 2042 .column-comments .post-com-count-pending { 2043 position: static; 2044 height: auto; 2045 min-width: 0; 2046 padding: 0; 2047 border: none; 2048 border-radius: 0; 2049 background: none; 2050 color: #b32d2e; 2051 font-size: inherit; 2052 line-height: inherit; 2053 text-align: left; 2054 } 2055 2056 .column-response .post-com-count-pending:hover, 2057 .column-comments .post-com-count-pending:hover { 2058 color: #d63638; 2059 } 2060 2061 .widefat thead td.check-column, 2062 .widefat tfoot td.check-column { 2063 padding-top: 10px; 2064 } 2065 2066 .row-actions { 2067 margin-left: -8px; 2068 margin-right: -8px; 2069 padding-top: 4px; 2070 } 2071 2072 /* Make row actions more easy to select on mobile */ 2073 body:not(.plugins-php) .row-actions { 2074 display: flex; 2075 flex-wrap: wrap; 2076 gap: 8px; 2077 color: transparent; 2078 } 2079 2080 .row-actions span a, 2081 .row-actions span .button-link { 2082 display: inline-block; 2083 padding: 4px 8px; 2084 line-height: 1.5; 2085 } 2086 2087 .row-actions span.approve:before, 2088 .row-actions span.unapprove:before { 2089 content: "| "; 2090 } 2091 2092 /* Quick Edit and Bulk Edit */ 2093 #wpbody-content .quick-edit-row-post .inline-edit-col-left, 2094 #wpbody-content .quick-edit-row-post .inline-edit-col-right, 2095 #wpbody-content .inline-edit-row-post .inline-edit-col-center, 2096 #wpbody-content .quick-edit-row-page .inline-edit-col-left, 2097 #wpbody-content .quick-edit-row-page .inline-edit-col-right, 2098 #wpbody-content .bulk-edit-row-post .inline-edit-col-right, 2099 #wpbody-content .bulk-edit-row .inline-edit-col-left, 2100 #wpbody-content .bulk-edit-row-page .inline-edit-col-right, 2101 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { 2102 float: none; 2103 width: 100%; 2104 padding: 0; 2105 } 2106 2107 #the-list .inline-edit-row .inline-edit-legend, 2108 .inline-edit-row span.title { 2109 font-size: 16px; 2110 } 2111 2112 .inline-edit-row p.howto { 2113 font-size: 14px; 2114 } 2115 2116 #wpbody-content .inline-edit-row-page .inline-edit-col-right { 2117 margin-top: 0; 2118 } 2119 2120 #wpbody-content .quick-edit-row fieldset .inline-edit-col label, 2121 #wpbody-content .quick-edit-row fieldset .inline-edit-group label, 2122 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, 2123 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { 2124 max-width: none; 2125 float: none; 2126 margin-bottom: 5px; 2127 } 2128 2129 #wpbody .bulk-edit-row fieldset select { 2130 display: block; 2131 width: 100%; 2132 max-width: none; 2133 box-sizing: border-box; 2134 } 2135 2136 .inline-edit-row fieldset input[name=jj], 2137 .inline-edit-row fieldset input[name=hh], 2138 .inline-edit-row fieldset input[name=mn], 2139 .inline-edit-row fieldset input[name=aa] { 2140 font-size: 16px; 2141 line-height: 2; 2142 padding: 3px 4px; 2143 } 2144 2145 #bulk-titles .ntdelbutton, 2146 #bulk-titles .ntdeltitle, 2147 .inline-edit-row fieldset ul.cat-checklist label { 2148 padding: 6px 0; 2149 font-size: 16px; 2150 line-height: 28px; 2151 } 2152 2153 #bulk-titles .ntdelitem { 2154 padding-left: 37px; 2155 } 2156 2157 #bulk-titles .ntdelbutton { 2158 width: 40px; 2159 height: 40px; 2160 margin: 0 0 0 -40px; 2161 overflow: hidden; 2162 } 2163 2164 #bulk-titles .ntdelbutton:before { 2165 font-size: 20px; 2166 line-height: 28px; 2167 } 2168 2169 .inline-edit-row fieldset label span.title, 2170 .inline-edit-row fieldset.inline-edit-date legend { 2171 float: none; 2172 } 2173 2174 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { 2175 padding: 0; 2176 } 2177 2178 .inline-edit-row fieldset label span.input-text-wrap, 2179 .inline-edit-row fieldset .timestamp-wrap { 2180 margin-left: 0; 2181 } 2182 2183 .inline-edit-row .inline-edit-or { 2184 margin: 0 6px 0 0; 2185 } 2186 2187 #edithead .inside, 2188 #commentsdiv #edithead .inside { 2189 float: none; 2190 text-align: left; 2191 padding: 3px 5px; 2192 } 2193 2194 #commentsdiv #edithead .inside input, 2195 #edithead .inside input { 2196 width: 100%; 2197 } 2198 2199 #edithead label { 2200 display: block; 2201 } 2202 2203 /* Updates */ 2204 #wpbody-content .updates-table .plugin-title { 2205 width: auto; 2206 white-space: normal; 2207 } 2208 2209 /* Links */ 2210 .link-manager-php #posts-filter { 2211 margin-top: 25px; 2212 } 2213 2214 .link-manager-php .tablenav.bottom { 2215 overflow: hidden; 2216 } 2217 2218 /* List tables that don't toggle rows */ 2219 .comments-box .toggle-row, 2220 .wp-list-table.plugins .toggle-row { 2221 display: none; 2222 } 2223 2224 /* Plugin/Theme Management */ 2225 #wpbody-content .wp-list-table.plugins td { 2226 display: block; 2227 width: auto; 2228 padding: 10px 9px; /* reset from other list tables that have a label at this width */ 2229 } 2230 2231 #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td, 2232 #wpbody-content .wp-list-table.plugins .no-items td { 2233 display: table-cell; 2234 } 2235 2236 /* Plugin description hidden via Screen Options */ 2237 #wpbody-content .wp-list-table.plugins .desc.hidden { 2238 display: none; 2239 } 2240 2241 #wpbody-content .wp-list-table.plugins .column-description { 2242 padding-top: 2px; 2243 } 2244 2245 #wpbody-content .wp-list-table.plugins .plugin-title, 2246 #wpbody-content .wp-list-table.plugins .theme-title { 2247 padding-right: 12px; 2248 white-space: normal; 2249 } 2250 2251 .wp-list-table.plugins .plugin-title, 2252 .wp-list-table.plugins .theme-title { 2253 padding-top: 13px; 2254 padding-bottom: 4px; 2255 } 2256 2257 .plugins #the-list tr > td:not(:last-child), 2258 .plugins #the-list .update th, 2259 .plugins #the-list .update td, 2260 .wp-list-table.plugins #the-list .theme-title { 2261 box-shadow: none; 2262 border-top: none; 2263 } 2264 2265 .plugins #the-list tr td { 2266 border-top: none; 2267 } 2268 2269 .plugins tbody { 2270 padding: 1px 0 0; 2271 } 2272 2273 .plugins tr.active + tr.inactive th.check-column, 2274 .plugins tr.active + tr.inactive td.column-description, 2275 .plugins .plugin-update-tr:before { 2276 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2277 } 2278 2279 .plugins tr.active + tr.inactive th.check-column, 2280 .plugins tr.active + tr.inactive td { 2281 border-top: none; 2282 } 2283 2284 /* mimic the checkbox th */ 2285 .plugins .plugin-update-tr:before { 2286 content: ""; 2287 display: table-cell; 2288 } 2289 2290 .plugins #the-list .plugin-update-tr .plugin-update { 2291 border-left: none; 2292 } 2293 2294 .plugin-update-tr .update-message { 2295 margin-left: 0; 2296 } 2297 2298 .plugins .active.update + .plugin-update-tr:before, 2299 .plugins .active.updated + .plugin-update-tr:before { 2300 background-color: #f0f6fc; 2301 border-left: 4px solid #72aee6; 2302 } 2303 2304 .plugins .plugin-update-tr .update-message { 2305 margin-left: 0; 2306 } 2307 2308 .wp-list-table.plugins .plugin-title strong, 2309 .wp-list-table.plugins .theme-title strong { 2310 font-size: 1.4em; 2311 line-height: 1.5; 2312 } 2313 2314 .plugins tbody th.check-column { 2315 padding: 8px 0 0 5px; 2316 } 2317 2318 .plugins thead td.check-column, 2319 .plugins tfoot td.check-column, 2320 .plugins .inactive th.check-column { 2321 padding-left: 9px; 2322 } 2323 2324 /* Add New plugins page */ 2325 table.plugin-install .column-name, 2326 table.plugin-install .column-version, 2327 table.plugin-install .column-rating, 2328 table.plugin-install .column-description { 2329 display: block; 2330 width: auto; 2331 } 2332 2333 table.plugin-install th.column-name, 2334 table.plugin-install th.column-version, 2335 table.plugin-install th.column-rating, 2336 table.plugin-install th.column-description { 2337 display: none; 2338 } 2339 2340 table.plugin-install td.column-name strong { 2341 font-size: 1.4em; 2342 line-height: 1.6em; 2343 } 2344 2345 table.plugin-install #the-list td { 2346 box-shadow: none; 2347 } 2348 2349 table.plugin-install #the-list tr { 2350 display: block; 2351 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2352 } 2353 2354 .plugin-card { 2355 margin-left: 0; 2356 margin-right: 0; 2357 width: 100%; 2358 } 2359 2360 table.media .column-title .has-media-icon ~ .row-actions { 2361 margin-left: 0; 2362 clear: both; 2363 } 2364 } 2365 2366 @media screen and (max-width: 480px) { 2367 .tablenav-pages .current-page { 2368 margin: 0; 2369 } 2370 2371 .tablenav.bottom .displaying-num { 2372 position: relative; 2373 top: 0; 2374 display: block; 2375 text-align: right; 2376 padding-bottom: 0.5em; 2377 } 2378 2379 .tablenav.bottom .tablenav-pages.one-page { 2380 height: auto; 2381 } 2382 2383 .tablenav-pages .tablenav-paging-text { 2384 float: left; 2385 width: 100%; 2386 padding-top: 0.5em; 2387 } 2388 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Nov 21 08:20:01 2024 | Cross-referenced by PHPXref |