[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /*! This file is auto-generated */ 2 .response-links { 3 display: block; 4 margin-bottom: 1em; 5 } 6 7 .response-links a { 8 display: block; 9 } 10 11 .response-links a.comments-edit-item-link { 12 font-weight: 600; 13 } 14 15 .response-links a.comments-view-item-link { 16 font-size: 12px; 17 } 18 19 .post-com-count-wrapper strong { 20 font-weight: 400; 21 } 22 23 .comments-view-item-link { 24 display: inline-block; 25 clear: both; 26 } 27 28 .column-response .post-com-count-wrapper, 29 .column-comments .post-com-count-wrapper { 30 white-space: nowrap; 31 word-wrap: normal; 32 } 33 34 /* comments bubble common */ 35 .column-response .post-com-count, 36 .column-comments .post-com-count { 37 display: inline-block; 38 vertical-align: top; 39 } 40 41 /* comments bubble approved */ 42 .column-response .post-com-count-no-comments, 43 .column-response .post-com-count-approved, 44 .column-comments .post-com-count-no-comments, 45 .column-comments .post-com-count-approved { 46 margin-top: 5px; 47 } 48 49 .column-response .comment-count-no-comments, 50 .column-response .comment-count-approved, 51 .column-comments .comment-count-no-comments, 52 .column-comments .comment-count-approved { 53 box-sizing: border-box; 54 display: block; 55 padding: 0 8px; 56 min-width: 24px; 57 height: 2em; 58 border-radius: 5px; 59 background-color: #646970; 60 color: #fff; 61 font-size: 11px; 62 line-height: 1.90909090; 63 text-align: center; 64 } 65 66 .column-response .post-com-count-no-comments:after, 67 .column-response .post-com-count-approved:after, 68 .column-comments .post-com-count-no-comments:after, 69 .column-comments .post-com-count-approved:after { 70 content: ""; 71 display: block; 72 margin-right: 8px; 73 width: 0; 74 height: 0; 75 border-top: 5px solid #646970; 76 border-left: 5px solid transparent; 77 } 78 79 .column-response a.post-com-count-approved:hover .comment-count-approved, 80 .column-response a.post-com-count-approved:focus .comment-count-approved, 81 .column-comments a.post-com-count-approved:hover .comment-count-approved, 82 .column-comments a.post-com-count-approved:focus .comment-count-approved { 83 background: #2271b1; 84 } 85 86 .column-response a.post-com-count-approved:hover:after, 87 .column-response a.post-com-count-approved:focus:after, 88 .column-comments a.post-com-count-approved:hover:after, 89 .column-comments a.post-com-count-approved:focus:after { 90 border-top-color: #2271b1; 91 } 92 93 /* @todo: consider to use a single rule for these counters and the admin menu counters. */ 94 .column-response .post-com-count-pending, 95 .column-comments .post-com-count-pending { 96 position: relative; 97 right: -3px; 98 padding: 0 5px; 99 min-width: 7px; 100 height: 17px; 101 border: 2px solid #fff; 102 border-radius: 11px; 103 background: #d63638; 104 color: #fff; 105 font-size: 9px; 106 line-height: 1.88888888; 107 text-align: center; 108 } 109 110 .column-response .post-com-count-no-pending, 111 .column-comments .post-com-count-no-pending { 112 display: none; 113 } 114 115 /* comments */ 116 117 .commentlist li { 118 padding: 1em 1em .2em; 119 margin: 0; 120 border-bottom: 1px solid #c3c4c7; 121 } 122 123 .commentlist li li { 124 border-bottom: 0; 125 padding: 0; 126 } 127 128 .commentlist p { 129 padding: 0; 130 margin: 0 0 .8em; 131 } 132 133 #submitted-on, 134 .submitted-on { 135 color: #50575e; 136 } 137 138 /* reply to comments */ 139 #replyrow td { 140 padding: 2px; 141 } 142 143 #replysubmit { 144 margin: 0; 145 padding: 5px 7px 10px; 146 overflow: hidden; 147 } 148 149 #replysubmit .reply-submit-buttons { 150 margin-bottom: 0; 151 } 152 153 #replysubmit .button { 154 margin-left: 5px; 155 } 156 157 #replysubmit .spinner { 158 float: none; 159 margin: -4px 0 0; 160 } 161 162 #replyrow.inline-edit-row fieldset.comment-reply { 163 font-size: inherit; 164 line-height: inherit; 165 } 166 167 #replyrow legend { 168 margin: 0; 169 padding: .2em 5px 0; 170 font-size: 13px; 171 line-height: 1.4; 172 font-weight: 600; 173 } 174 175 #replyrow.inline-edit-row label { 176 display: inline; 177 vertical-align: baseline; 178 line-height: inherit; 179 } 180 181 #edithead .inside, 182 #commentsdiv #edithead .inside { 183 float: right; 184 padding: 3px 5px 2px 0; 185 margin: 0; 186 text-align: center; 187 } 188 189 #edithead .inside input { 190 width: 180px; 191 } 192 193 #edithead label { 194 padding: 2px 0; 195 } 196 197 #replycontainer { 198 padding: 5px; 199 } 200 201 #replycontent { 202 height: 120px; 203 box-shadow: none; 204 } 205 206 #replyerror { 207 border-color: #dcdcde; 208 background-color: #f6f7f7; 209 } 210 211 /* @todo: is this used? */ 212 .commentlist .avatar { 213 vertical-align: text-top; 214 } 215 216 #the-comment-list tr.undo, 217 #the-comment-list div.undo { 218 background-color: #f6f7f7; 219 } 220 221 #the-comment-list .unapproved th, 222 #the-comment-list .unapproved td { 223 background-color: #fcf9e8; 224 } 225 226 #the-comment-list .unapproved th.check-column { 227 border-right: 4px solid #d63638; 228 } 229 230 #the-comment-list .unapproved th.check-column input { 231 margin-right: 4px; 232 } 233 234 #the-comment-list .approve a { 235 color: #007017; 236 } 237 238 #the-comment-list .unapprove a { 239 color: #996800; 240 } 241 242 #the-comment-list th, 243 #the-comment-list td { 244 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 245 } 246 247 #the-comment-list tr:last-child th, 248 #the-comment-list tr:last-child td { 249 box-shadow: none; 250 } 251 252 #the-comment-list tr.unapproved + tr.approved th, 253 #the-comment-list tr.unapproved + tr.approved td { 254 border-top: 1px solid rgba(0, 0, 0, 0.03); 255 } 256 257 /* table vim shortcuts */ 258 .vim-current, 259 .vim-current th, 260 .vim-current td { 261 background-color: #f0f6fc !important; 262 } 263 264 th .comment-grey-bubble { 265 width: 16px; 266 /* Make sure the link clickable area fills the entire table header. */ 267 position: relative; 268 top: 2px; 269 } 270 271 th .comment-grey-bubble:before { 272 content: "\f101"; 273 font: normal 20px/.5 dashicons; 274 speak: never; 275 display: inline-block; 276 padding: 0; 277 top: 4px; 278 right: -4px; 279 position: relative; 280 vertical-align: top; 281 -webkit-font-smoothing: antialiased; 282 -moz-osx-font-smoothing: grayscale; 283 text-decoration: none !important; 284 color: #3c434a; 285 } 286 287 /*------------------------------------------------------------------------------ 288 10.0 - List Posts (/Pages/etc) 289 ------------------------------------------------------------------------------*/ 290 291 table.fixed { 292 table-layout: fixed; 293 } 294 295 .fixed .column-rating, 296 .fixed .column-visible { 297 width: 8%; 298 } 299 300 .fixed .column-posts, 301 .fixed .column-parent, 302 .fixed .column-links, 303 .fixed .column-author, 304 .fixed .column-format { 305 width: 10%; 306 } 307 308 .fixed .column-date { 309 width: 14%; 310 } 311 312 .column-date span[title] { 313 -webkit-text-decoration: dotted underline; 314 text-decoration: dotted underline; 315 } 316 317 .fixed .column-posts { 318 width: 74px; 319 } 320 321 .fixed .column-role, 322 .fixed .column-posts { 323 -webkit-hyphens: auto; 324 hyphens: auto; 325 } 326 327 .fixed .column-comment .comment-author { 328 display: none; 329 } 330 331 .fixed .column-response, 332 .fixed .column-categories, 333 .fixed .column-tags, 334 .fixed .column-rel, 335 .fixed .column-role { 336 width: 15%; 337 } 338 339 .fixed .column-slug { 340 width: 25%; 341 } 342 343 .fixed .column-locations { 344 width: 35%; 345 } 346 347 .fixed .column-comments { 348 width: 5.5em; 349 text-align: right; 350 } 351 352 .fixed .column-comments .vers { 353 padding-right: 3px; 354 } 355 356 td.column-title strong, 357 td.plugin-title strong { 358 display: block; 359 margin-bottom: .2em; 360 font-size: 14px; 361 } 362 363 td.column-title p, 364 td.plugin-title p { 365 margin: 6px 0; 366 } 367 368 /* Media file column */ 369 table.media .column-title .media-icon { 370 float: right; 371 min-height: 60px; 372 margin: 0 0 0 9px; 373 } 374 375 table.media .column-title .media-icon img { 376 max-width: 60px; 377 height: auto; 378 vertical-align: top; /* Remove descender white-space. */ 379 } 380 381 table.media .column-title .has-media-icon ~ .row-actions { 382 margin-right: 70px; /* 60px image + margin */ 383 } 384 385 table.media .column-title .filename { 386 margin-bottom: 0.2em; 387 } 388 389 /* Media Copy to clipboard row action */ 390 .media .row-actions .copy-to-clipboard-container { 391 display: inline; 392 position: relative; 393 } 394 395 .media .row-actions .copy-to-clipboard-container .success { 396 position: absolute; 397 right: 50%; 398 transform: translate(50%, -100%); 399 background: #000; 400 color: #fff; 401 border-radius: 5px; 402 margin: 0; 403 padding: 2px 5px; 404 } 405 406 /* @todo: pick a consistent list table selector */ 407 .wp-list-table a { 408 transition: none; 409 } 410 411 #the-list tr:last-child td, 412 #the-list tr:last-child th { 413 border-bottom: none !important; 414 box-shadow: none; 415 } 416 417 #comments-form .fixed .column-author { 418 width: 20%; 419 } 420 421 #commentsdiv.postbox .inside { 422 margin: 0; 423 padding: 0; 424 } 425 426 #commentsdiv .inside .row-actions { 427 line-height: 1.38461538; 428 } 429 430 #commentsdiv .inside .column-author { 431 width: 25%; 432 } 433 434 #commentsdiv .column-comment p { 435 margin: 0.6em 0; 436 padding: 0; 437 } 438 439 #commentsdiv #replyrow td { 440 padding: 0; 441 } 442 443 #commentsdiv p { 444 padding: 8px 10px; 445 margin: 0; 446 } 447 448 #commentsdiv .comments-box { 449 border: 0 none; 450 } 451 452 #commentsdiv .comments-box thead th, 453 #commentsdiv .comments-box thead td { 454 background: transparent; 455 padding: 0 7px 4px; 456 } 457 458 #commentsdiv .comments-box tr:last-child td { 459 border-bottom: 0 none; 460 } 461 462 #commentsdiv #edithead .inside input { 463 width: 160px; 464 } 465 466 .sorting-indicators { 467 display: grid; 468 } 469 470 .sorting-indicator { 471 display: block; 472 width: 10px; 473 height: 4px; 474 margin-top: 4px; 475 margin-right: 7px; 476 } 477 478 .sorting-indicator:before { 479 font: normal 20px/1 dashicons; 480 speak: never; 481 display: inline-block; 482 padding: 0; 483 top: -4px; 484 right: -8px; 485 line-height: 0.5; 486 position: relative; 487 vertical-align: top; 488 -webkit-font-smoothing: antialiased; 489 -moz-osx-font-smoothing: grayscale; 490 text-decoration: none !important; 491 color: #a7aaad; 492 } 493 494 .sorting-indicator.asc:before { 495 content: "\f142"; 496 } 497 498 .sorting-indicator.desc:before { 499 content: "\f140"; 500 } 501 502 th.sorted.desc .sorting-indicator.desc:before { 503 color: #1d2327; 504 } 505 506 th.sorted.asc .sorting-indicator.asc:before { 507 color: #1d2327; 508 } 509 510 th.sorted.asc a:focus .sorting-indicator.asc:before, 511 th.sorted.asc:hover .sorting-indicator.asc:before, 512 th.sorted.desc a:focus .sorting-indicator.desc:before, 513 th.sorted.desc:hover .sorting-indicator.desc:before { 514 color: #a7aaad; 515 } 516 517 th.sorted.asc a:focus .sorting-indicator.desc:before, 518 th.sorted.asc:hover .sorting-indicator.desc:before, 519 th.sorted.desc a:focus .sorting-indicator.asc:before, 520 th.sorted.desc:hover .sorting-indicator.asc:before { 521 color: #1d2327; 522 } 523 524 .wp-list-table .toggle-row { 525 position: absolute; 526 left: 8px; 527 top: 10px; 528 display: none; 529 padding: 0; 530 width: 40px; 531 height: 40px; 532 border: none; 533 outline: none; 534 background: transparent; 535 } 536 537 .wp-list-table .toggle-row:hover { 538 cursor: pointer; 539 } 540 541 .wp-list-table .toggle-row:focus:before { 542 box-shadow: 0 0 0 2px #2271b1; 543 /* Only visible in Windows High Contrast mode */ 544 outline: 2px solid transparent; 545 } 546 547 .wp-list-table .toggle-row:active { 548 box-shadow: none; 549 } 550 551 .wp-list-table .toggle-row:before { 552 position: absolute; 553 top: -5px; 554 right: 10px; 555 border-radius: 50%; 556 display: block; 557 padding: 1px 0 1px 2px; 558 color: #3c434a; /* same as table headers sort arrows */ 559 content: "\f140"; 560 font: normal 20px/1 dashicons; 561 line-height: 1; 562 -webkit-font-smoothing: antialiased; 563 -moz-osx-font-smoothing: grayscale; 564 speak: never; 565 } 566 567 .wp-list-table .is-expanded .toggle-row:before { 568 content: "\f142"; 569 } 570 571 .check-column { 572 position: relative; 573 } 574 575 .check-column label { 576 box-sizing: border-box; 577 width: 100%; 578 height: 100%; 579 display: block; 580 position: absolute; 581 top: 0; 582 right: 0; 583 } 584 585 .check-column input { 586 position: relative; 587 z-index: 1; 588 } 589 590 .check-column .label-covers-full-cell:hover + input:not(:disabled) { 591 box-shadow: 0 0 0 1px #2271b1; 592 } 593 594 .check-column label:hover, 595 .check-column input:hover + label { 596 background: rgba(0, 0, 0, 0.05); 597 } 598 599 .locked-indicator { 600 display: none; 601 margin-right: 6px; 602 height: 20px; 603 width: 16px; 604 } 605 606 .locked-indicator-icon:before { 607 color: #8c8f94; 608 content: "\f160"; 609 display: inline-block; 610 font: normal 20px/1 dashicons; 611 speak: never; 612 vertical-align: middle; 613 -webkit-font-smoothing: antialiased; 614 -moz-osx-font-smoothing: grayscale; 615 } 616 617 .locked-info { 618 display: none; 619 margin-top: 4px; 620 } 621 622 .locked-text { 623 vertical-align: top; 624 } 625 626 .wp-locked .locked-indicator, 627 .wp-locked .locked-info { 628 display: block; 629 } 630 631 tr.wp-locked .check-column label, 632 tr.wp-locked .check-column input[type="checkbox"], 633 tr.wp-locked .row-actions .inline, 634 tr.wp-locked .row-actions .trash { 635 display: none; 636 } 637 638 #menu-locations-wrap .widefat { 639 width: 60%; 640 } 641 642 .widefat th.sortable, 643 .widefat th.sorted { 644 padding: 0; 645 } 646 647 th.sortable a, 648 th.sorted a { 649 display: block; 650 overflow: hidden; 651 padding: 8px; 652 } 653 654 th.sortable a:focus, 655 th.sorted a:focus { 656 box-shadow: inset 0 0 0 2px #2271b1; 657 /* Only visible in Windows High Contrast mode */ 658 outline: 2px solid transparent; 659 } 660 661 th.sortable a span, 662 th.sorted a span { 663 float: right; 664 cursor: pointer; 665 } 666 667 .tablenav-pages .current-page { 668 margin: 0 0 0 2px; 669 font-size: 13px; 670 text-align: center; 671 } 672 673 .tablenav .total-pages { 674 margin-left: 2px; 675 } 676 677 .tablenav #table-paging { 678 margin-right: 2px; 679 } 680 681 .tablenav { 682 clear: both; 683 height: 30px; 684 margin: 6px 0 4px; 685 padding-top: 5px; 686 vertical-align: middle; 687 } 688 689 .tablenav.themes { 690 max-width: 98%; 691 } 692 693 .tablenav .tablenav-pages { 694 float: left; 695 margin: 0 0 9px; 696 } 697 698 .tablenav .no-pages, 699 .tablenav .one-page .pagination-links { 700 display: none; 701 } 702 703 .tablenav .tablenav-pages .button, 704 .tablenav .tablenav-pages .tablenav-pages-navspan { 705 display: inline-block; 706 vertical-align: baseline; 707 min-width: 30px; 708 min-height: 30px; 709 margin: 0; 710 padding: 0 4px; 711 font-size: 16px; 712 line-height: 1.625; /* 26px */ 713 text-align: center; 714 } 715 716 .tablenav .displaying-num { 717 margin-left: 7px; 718 } 719 720 .tablenav .one-page .displaying-num { 721 display: inline-block; 722 margin: 5px 0; 723 } 724 725 .tablenav .actions { 726 padding: 0 0 0 8px; 727 } 728 729 .wp-filter .actions { 730 display: inline-block; 731 vertical-align: middle; 732 } 733 734 .tablenav .delete { 735 margin-left: 20px; 736 } 737 738 /* This view-switcher is still used on multisite. */ 739 .tablenav .view-switch { 740 float: left; 741 margin: 0 5px; 742 padding-top: 3px; 743 } 744 745 .wp-filter .view-switch { 746 display: inline-block; 747 vertical-align: middle; 748 padding: 12px 0; 749 margin: 0 2px 0 8px; 750 } 751 752 .media-toolbar.wp-filter .view-switch { 753 margin: 0 2px 0 12px; 754 } 755 756 .view-switch a { 757 float: right; 758 width: 28px; 759 height: 28px; 760 text-align: center; 761 line-height: 1.84615384; 762 text-decoration: none; 763 } 764 765 .view-switch a:before { 766 color: #c3c4c7; 767 display: inline-block; 768 font: normal 20px/1 dashicons; 769 speak: never; 770 vertical-align: middle; 771 -webkit-font-smoothing: antialiased; 772 -moz-osx-font-smoothing: grayscale; 773 } 774 775 .view-switch a:hover:before, 776 .view-switch a:focus:before { 777 color: #787c82; 778 } 779 780 .view-switch a.current:before { 781 color: #2271b1; 782 } 783 784 .view-switch .view-list:before { 785 content: "\f163"; 786 } 787 788 .view-switch .view-excerpt:before { 789 content: "\f164"; 790 } 791 792 .view-switch .view-grid:before { 793 content: "\f509"; 794 } 795 796 .filter { 797 float: right; 798 margin: -5px 10px 0 0; 799 } 800 801 .filter .subsubsub { 802 margin-right: -10px; 803 margin-top: 13px; 804 } 805 .screen-per-page { 806 width: 4em; 807 } 808 809 #posts-filter .wp-filter { 810 margin-bottom: 0; 811 } 812 813 #posts-filter fieldset { 814 float: right; 815 margin: 0 0 1em 1.5ex; 816 padding: 0; 817 } 818 819 #posts-filter fieldset legend { 820 padding: 0 1px .2em 0; 821 } 822 823 p.pagenav { 824 margin: 0; 825 display: inline; 826 } 827 828 .pagenav span { 829 font-weight: 600; 830 margin: 0 6px; 831 } 832 833 .row-title { 834 font-size: 14px !important; 835 font-weight: 600; 836 } 837 838 .column-comment .comment-author { 839 margin-bottom: 0.6em; 840 } 841 842 .column-author img, 843 .column-username img, 844 .column-comment .comment-author img { 845 float: right; 846 margin-left: 10px; 847 margin-top: 1px; 848 } 849 850 .row-actions { 851 color: #a7aaad; 852 font-size: 13px; 853 padding: 2px 0 0; 854 position: relative; 855 right: -9999em; 856 } 857 858 /* ticket #34150 */ 859 .rtl .row-actions a { 860 display: inline-block; 861 } 862 863 .row-actions .network_only, 864 .row-actions .network_active { 865 color: #000; 866 } 867 868 .no-js .row-actions, 869 tr:hover .row-actions, 870 .mobile .row-actions, 871 .row-actions.visible, 872 .comment-item:hover .row-actions { 873 position: static; 874 } 875 876 /* deprecated */ 877 .row-actions-visible { 878 padding: 2px 0 0; 879 } 880 881 882 /*------------------------------------------------------------------------------ 883 10.1 - Inline Editing 884 ------------------------------------------------------------------------------*/ 885 886 /* 887 .quick-edit* is for Quick Edit 888 .bulk-edit* is for Bulk Edit 889 .inline-edit* is for everything 890 */ 891 892 /* Layout */ 893 894 #wpbody-content .inline-edit-row fieldset { 895 float: right; 896 margin: 0; 897 padding: 0 0 0 12px; 898 width: 100%; 899 box-sizing: border-box; 900 } 901 902 #wpbody-content .inline-edit-row td fieldset:last-of-type { 903 padding-left: 0; 904 } 905 906 tr.inline-edit-row td { 907 padding: 0; 908 /* Prevents the focus style on .inline-edit-wrapper from being cutted-off */ 909 position: relative; 910 } 911 912 .inline-edit-wrapper { 913 display: flow-root; 914 padding: 0 12px; 915 border: 1px solid transparent; 916 border-radius: 4px; 917 } 918 919 .inline-edit-wrapper:focus { 920 border-color: #2271b1; 921 box-shadow: 0 0 0 1px #2271b1; 922 /* Only visible in Windows High Contrast mode */ 923 outline: 2px solid transparent; 924 } 925 926 #wpbody-content .quick-edit-row-post .inline-edit-col-left { 927 width: 40%; 928 } 929 930 #wpbody-content .quick-edit-row-post .inline-edit-col-right { 931 width: 39%; 932 } 933 934 #wpbody-content .inline-edit-row-post .inline-edit-col-center { 935 width: 20%; 936 } 937 938 #wpbody-content .quick-edit-row-page .inline-edit-col-left { 939 width: 50%; 940 } 941 942 #wpbody-content .quick-edit-row-page .inline-edit-col-right, 943 #wpbody-content .bulk-edit-row-post .inline-edit-col-right { 944 width: 50%; 945 } 946 947 #wpbody-content .bulk-edit-row .inline-edit-col-left { 948 width: 30%; 949 } 950 951 #wpbody-content .bulk-edit-row-page .inline-edit-col-right { 952 width: 69%; 953 } 954 955 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { 956 float: left; 957 width: 69%; 958 } 959 960 #wpbody-content .inline-edit-row-page .inline-edit-col-right { 961 margin-top: 27px; 962 } 963 964 .inline-edit-row fieldset .inline-edit-group { 965 clear: both; 966 line-height: 2.5; 967 } 968 969 .inline-edit-row .submit { 970 display: flex; 971 flex-wrap: wrap; 972 align-items: center; 973 clear: both; 974 margin: 0; 975 padding: 0.5em 0 1em; 976 } 977 978 .inline-edit-save.submit .button { 979 margin-left: 8px; 980 } 981 982 .inline-edit-save .spinner { 983 float: none; 984 margin: 0; 985 } 986 987 .inline-edit-row .notice-error { 988 box-sizing: border-box; 989 min-width: 100%; 990 margin-top: 1em; 991 } 992 993 .inline-edit-row .notice-error .error { 994 margin: 0.5em 0; 995 padding: 2px; 996 } 997 998 /* Positioning */ 999 1000 /* Needs higher specificity for the padding */ 1001 #the-list .inline-edit-row .inline-edit-legend { 1002 margin: 0; 1003 padding: 0.2em 0; 1004 line-height: 2.5; 1005 font-weight: 600; 1006 } 1007 1008 .inline-edit-row fieldset span.title, 1009 .inline-edit-row fieldset span.checkbox-title { 1010 margin: 0; 1011 padding: 0; 1012 } 1013 1014 .inline-edit-row fieldset label, 1015 .inline-edit-row fieldset span.inline-edit-categories-label { 1016 display: block; 1017 margin: .2em 0; 1018 line-height: 2.5; 1019 } 1020 1021 .inline-edit-row fieldset.inline-edit-date label { 1022 display: inline-block; 1023 margin: 0; 1024 vertical-align: baseline; 1025 line-height: 2; 1026 } 1027 1028 .inline-edit-row fieldset label.inline-edit-tags { 1029 margin-top: 0; 1030 } 1031 1032 .inline-edit-row fieldset label.inline-edit-tags span.title { 1033 margin: .2em 0; 1034 width: auto; 1035 } 1036 1037 .inline-edit-row fieldset label span.title, 1038 .inline-edit-row fieldset.inline-edit-date legend { 1039 display: block; 1040 float: right; 1041 width: 6em; 1042 line-height: 2.5; 1043 } 1044 1045 #posts-filter fieldset.inline-edit-date legend { 1046 padding: 0; 1047 } 1048 1049 .inline-edit-row fieldset label span.input-text-wrap, 1050 .inline-edit-row fieldset .timestamp-wrap { 1051 display: block; 1052 margin-right: 6em; 1053 } 1054 1055 .quick-edit-row-post fieldset.inline-edit-col-right label span.title { 1056 width: auto; 1057 padding-left: 0.5em; 1058 } 1059 1060 .inline-edit-row .inline-edit-or { 1061 margin: .2em 0 .2em 6px; 1062 line-height: 2.5; 1063 } 1064 1065 .inline-edit-row .input-text-wrap input[type=text] { 1066 width: 100%; 1067 } 1068 1069 .inline-edit-row fieldset label input[type=checkbox] { 1070 vertical-align: middle; 1071 } 1072 1073 .inline-edit-row fieldset label textarea { 1074 width: 100%; 1075 height: 4em; 1076 vertical-align: top; 1077 } 1078 1079 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { 1080 max-width: 50%; 1081 } 1082 1083 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { 1084 margin-left: 0.5em 1085 } 1086 1087 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { 1088 width: 6em; 1089 } 1090 1091 /* Styling */ 1092 .inline-edit-row .inline-edit-legend { 1093 text-transform: uppercase; 1094 } 1095 1096 /* Specific Elements */ 1097 .inline-edit-row fieldset .inline-edit-date { 1098 float: right; 1099 } 1100 1101 .inline-edit-row fieldset input[name=jj], 1102 .inline-edit-row fieldset input[name=hh], 1103 .inline-edit-row fieldset input[name=mn], 1104 .inline-edit-row fieldset input[name=aa] { 1105 vertical-align: middle; 1106 text-align: center; 1107 padding: 0 4px; 1108 } 1109 1110 .inline-edit-row fieldset label input.inline-edit-password-input { 1111 width: 8em; 1112 } 1113 1114 #bulk-titles-list, 1115 #bulk-titles-list li, 1116 .inline-edit-row fieldset ul.cat-checklist li, 1117 .inline-edit-row fieldset ul.cat-checklist input { 1118 margin: 0; 1119 position: relative; /* RTL fix, #WP27629 */ 1120 } 1121 1122 .inline-edit-row fieldset ul.cat-checklist input { 1123 margin-top: -1px; 1124 margin-right: 3px; 1125 } 1126 1127 .inline-edit-row fieldset label input.inline-edit-menu-order-input { 1128 width: 3em; 1129 } 1130 1131 .inline-edit-row fieldset label input.inline-edit-slug-input { 1132 width: 75%; 1133 } 1134 1135 .inline-edit-row #post_parent, 1136 .inline-edit-row select[name="page_template"] { 1137 max-width: 80%; 1138 } 1139 1140 .quick-edit-row-post fieldset label.inline-edit-status { 1141 float: right; 1142 } 1143 1144 #bulk-titles, 1145 ul.cat-checklist { 1146 height: 14em; 1147 border: 1px solid #ddd; 1148 margin: 0 0 5px; 1149 padding: 0.2em 5px; 1150 overflow-y: scroll; 1151 } 1152 1153 ul.cat-checklist input[name="post_category[]"]:indeterminate::before { 1154 content: ''; 1155 border-top: 2px solid grey; 1156 width: 65%; 1157 height: 2px; 1158 position: absolute; 1159 top: calc( 50% + 1px ); 1160 right: 50%; 1161 transform: translate( 50%, -50% ); 1162 } 1163 1164 #bulk-titles .ntdelbutton, 1165 #bulk-titles .ntdeltitle, 1166 .inline-edit-row fieldset ul.cat-checklist label { 1167 display: inline-block; 1168 margin: 0; 1169 padding: 3px 0; 1170 line-height: 20px; 1171 vertical-align: top; 1172 } 1173 1174 #bulk-titles .ntdelitem { 1175 padding-right: 23px; 1176 } 1177 1178 #bulk-titles .ntdelbutton { 1179 width: 26px; 1180 height: 26px; 1181 margin: 0 -26px 0 0; 1182 text-align: center; 1183 border-radius: 3px; 1184 } 1185 1186 #bulk-titles .ntdelbutton:before { 1187 display: inline-block; 1188 vertical-align: top; 1189 } 1190 1191 #bulk-titles .ntdelbutton:focus { 1192 box-shadow: 0 0 0 2px #3582c4; 1193 /* Only visible in Windows High Contrast mode */ 1194 outline: 2px solid transparent; 1195 /* Reset inherited offset from Gutenberg */ 1196 outline-offset: 0; 1197 } 1198 1199 /*------------------------------------------------------------------------------ 1200 17.0 - Plugins 1201 ------------------------------------------------------------------------------*/ 1202 1203 .plugins tbody th.check-column, 1204 .plugins tbody { 1205 padding: 8px 2px 0 0; 1206 } 1207 1208 .plugins tbody th.check-column input[type=checkbox] { 1209 margin-top: 4px; 1210 } 1211 1212 .updates-table .plugin-title p { 1213 margin-top: 0; 1214 } 1215 1216 .plugins thead td.check-column, 1217 .plugins tfoot td.check-column, 1218 .plugins .inactive th.check-column { 1219 padding-right: 6px; 1220 } 1221 1222 .plugins, 1223 .plugins th, 1224 .plugins td { 1225 color: #000; 1226 } 1227 1228 .plugins tr { 1229 background: #fff; 1230 } 1231 1232 .plugins p { 1233 margin: 0 4px; 1234 padding: 0; 1235 } 1236 1237 .plugins .desc p { 1238 margin: 0 0 8px; 1239 } 1240 1241 .plugins td.desc { 1242 line-height: 1.5; 1243 } 1244 1245 .plugins .desc ul, 1246 .plugins .desc ol { 1247 margin: 0 2em 0 0; 1248 } 1249 1250 .plugins .desc ul { 1251 list-style-type: disc; 1252 } 1253 1254 .plugins .row-actions { 1255 font-size: 13px; 1256 padding: 0; 1257 } 1258 1259 .plugins .inactive td, 1260 .plugins .inactive th, 1261 .plugins .active td, 1262 .plugins .active th { 1263 padding: 10px 9px; 1264 } 1265 1266 .plugins .active td, 1267 .plugins .active th { 1268 background-color: #f0f6fc; 1269 } 1270 1271 .plugins .update th, 1272 .plugins .update td { 1273 border-bottom: 0; 1274 } 1275 1276 .plugins .inactive td, 1277 .plugins .inactive th, 1278 .plugins .active td, 1279 .plugins .active th, 1280 .plugin-install #the-list td, 1281 .upgrade .plugins td, 1282 .upgrade .plugins th { 1283 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 1284 } 1285 1286 .plugins tr.active.plugin-update-tr + tr.inactive th, 1287 .plugins tr.active.plugin-update-tr + tr.inactive td, 1288 .plugins tr.active + tr.inactive th, 1289 .plugins tr.active + tr.inactive td { 1290 border-top: 1px solid rgba(0, 0, 0, 0.03); 1291 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde; 1292 } 1293 1294 .plugins .update td, 1295 .plugins .update th, 1296 .upgrade .plugins tr:last-of-type td, 1297 .upgrade .plugins tr:last-of-type th, 1298 .plugins tr.active + tr.inactive.update th, 1299 .plugins tr.active + tr.inactive.update td, 1300 .plugins .updated td, 1301 .plugins .updated th, 1302 .plugins tr.active + tr.inactive.updated th, 1303 .plugins tr.active + tr.inactive.updated td { 1304 box-shadow: none; 1305 } 1306 1307 .plugins .active th.check-column, 1308 .plugin-update-tr.active td { 1309 border-right: 4px solid #72aee6; 1310 } 1311 1312 .wp-list-table.plugins .plugin-title, 1313 .wp-list-table.plugins .theme-title { 1314 padding-left: 12px; 1315 white-space: nowrap; 1316 } 1317 1318 .plugins .plugin-title img, 1319 .plugins .plugin-title .dashicons { 1320 float: right; 1321 padding: 0 0 0 10px; 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, 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 40px 15px 20px; 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-right: 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 -2px 0 5px; 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: right; 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-right: 0; 1492 } 1493 1494 .plugin-card:nth-child(even) { 1495 margin-left: 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-right: 8px; 1507 } 1508 1509 .plugin-card:nth-child(even) { 1510 margin-left: 8px; 1511 } 1512 1513 .plugin-card:nth-child(3n+1) { 1514 clear: both; 1515 margin-right: 0; 1516 } 1517 1518 .plugin-card:nth-child(3n) { 1519 margin-left: 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-right: 8px; 1532 } 1533 1534 .plugin-card:nth-child(even) { 1535 margin-left: 8px; 1536 } 1537 1538 .plugin-card:nth-child(4n+1) { 1539 clear: both; 1540 margin-right: 0; 1541 } 1542 1543 .plugin-card:nth-child(4n) { 1544 margin-left: 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 0 12px 12px; 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-right: 148px; 1571 } 1572 1573 @media (min-width: 1101px) { 1574 .plugin-card .name, .plugin-card .desc > p { 1575 margin-left: 128px; 1576 } 1577 } 1578 1579 @media (min-width: 481px) and (max-width: 781px) { 1580 .plugin-card .name, .plugin-card .desc > p { 1581 margin-left: 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-right: auto; 1628 } 1629 1630 .rtl .plugin-card .plugin-dependency .more-details-link { 1631 margin-left: 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 left: 20px; 1649 width: 120px; 1650 } 1651 1652 .plugin-action-buttons { 1653 clear: left; 1654 float: left; 1655 margin-bottom: 1em; 1656 text-align: left; 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-right: 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: right; 1701 clear: right; 1702 max-width: 180px; 1703 } 1704 1705 .plugin-card .column-updated, 1706 .plugin-card .column-compatibility { 1707 text-align: left; 1708 float: left; 1709 clear: left; 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 right: -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-icon { 1744 position: absolute; 1745 top: 20px; 1746 right: 20px; 1747 width: 128px; 1748 height: 128px; 1749 margin: 0 0 20px 20px; 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-right: 148px; 1793 width: auto; 1794 } 1795 1796 .plugin-action-buttons { 1797 float: none; 1798 margin: 1em 0 0; 1799 text-align: right; 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-left: 20px; 1809 } 1810 1811 .plugin-card h3 { 1812 margin-left: 24px; 1813 } 1814 1815 .plugin-card .name, 1816 .plugin-card .desc { 1817 margin-left: 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 left: 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: right; 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-left: 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 35% 3px 8px; 1958 } 1959 1960 .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before { 1961 position: absolute; 1962 right: 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: right; 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 -webkit-clip-path: none; 2008 clip-path: none; 2009 width: auto; 2010 height: auto; 2011 margin: 0; 2012 } 2013 2014 .column-response .post-com-count-no-comments:after, 2015 .column-response .post-com-count-approved:after, 2016 .column-comments .post-com-count-no-comments:after, 2017 .column-comments .post-com-count-approved:after { 2018 content: none; 2019 } 2020 2021 .column-response .post-com-count [aria-hidden="true"], 2022 .column-comments .post-com-count [aria-hidden="true"] { 2023 display: none; 2024 } 2025 2026 .column-response .post-com-count-wrapper, 2027 .column-comments .post-com-count-wrapper { 2028 white-space: normal; 2029 } 2030 2031 .column-response .post-com-count-wrapper > a, 2032 .column-comments .post-com-count-wrapper > a { 2033 display: block; 2034 } 2035 2036 .column-response .post-com-count-no-comments, 2037 .column-response .post-com-count-approved, 2038 .column-comments .post-com-count-no-comments, 2039 .column-comments .post-com-count-approved { 2040 margin-top: 0; 2041 margin-left: 0.5em; 2042 } 2043 2044 .column-response .post-com-count-pending, 2045 .column-comments .post-com-count-pending { 2046 position: static; 2047 height: auto; 2048 min-width: 0; 2049 padding: 0; 2050 border: none; 2051 border-radius: 0; 2052 background: none; 2053 color: #b32d2e; 2054 font-size: inherit; 2055 line-height: inherit; 2056 text-align: right; 2057 } 2058 2059 .column-response .post-com-count-pending:hover, 2060 .column-comments .post-com-count-pending:hover { 2061 color: #d63638; 2062 } 2063 2064 .widefat thead td.check-column, 2065 .widefat tfoot td.check-column { 2066 padding-top: 10px; 2067 } 2068 2069 .row-actions { 2070 margin-right: -8px; 2071 margin-left: -8px; 2072 padding-top: 4px; 2073 } 2074 2075 /* Make row actions more easy to select on mobile */ 2076 body:not(.plugins-php) .row-actions { 2077 display: flex; 2078 flex-wrap: wrap; 2079 gap: 8px; 2080 color: transparent; 2081 } 2082 2083 .row-actions span a, 2084 .row-actions span .button-link { 2085 display: inline-block; 2086 padding: 4px 8px; 2087 line-height: 1.5; 2088 } 2089 2090 .row-actions span.approve:before, 2091 .row-actions span.unapprove:before { 2092 content: "| "; 2093 } 2094 2095 /* Quick Edit and Bulk Edit */ 2096 #wpbody-content .quick-edit-row-post .inline-edit-col-left, 2097 #wpbody-content .quick-edit-row-post .inline-edit-col-right, 2098 #wpbody-content .inline-edit-row-post .inline-edit-col-center, 2099 #wpbody-content .quick-edit-row-page .inline-edit-col-left, 2100 #wpbody-content .quick-edit-row-page .inline-edit-col-right, 2101 #wpbody-content .bulk-edit-row-post .inline-edit-col-right, 2102 #wpbody-content .bulk-edit-row .inline-edit-col-left, 2103 #wpbody-content .bulk-edit-row-page .inline-edit-col-right, 2104 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { 2105 float: none; 2106 width: 100%; 2107 padding: 0; 2108 } 2109 2110 #the-list .inline-edit-row .inline-edit-legend, 2111 .inline-edit-row span.title { 2112 font-size: 16px; 2113 } 2114 2115 .inline-edit-row p.howto { 2116 font-size: 14px; 2117 } 2118 2119 #wpbody-content .inline-edit-row-page .inline-edit-col-right { 2120 margin-top: 0; 2121 } 2122 2123 #wpbody-content .quick-edit-row fieldset .inline-edit-col label, 2124 #wpbody-content .quick-edit-row fieldset .inline-edit-group label, 2125 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, 2126 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { 2127 max-width: none; 2128 float: none; 2129 margin-bottom: 5px; 2130 } 2131 2132 #wpbody .bulk-edit-row fieldset select { 2133 display: block; 2134 width: 100%; 2135 max-width: none; 2136 box-sizing: border-box; 2137 } 2138 2139 .inline-edit-row fieldset input[name=jj], 2140 .inline-edit-row fieldset input[name=hh], 2141 .inline-edit-row fieldset input[name=mn], 2142 .inline-edit-row fieldset input[name=aa] { 2143 font-size: 16px; 2144 line-height: 2; 2145 padding: 3px 4px; 2146 } 2147 2148 #bulk-titles .ntdelbutton, 2149 #bulk-titles .ntdeltitle, 2150 .inline-edit-row fieldset ul.cat-checklist label { 2151 padding: 6px 0; 2152 font-size: 16px; 2153 line-height: 28px; 2154 } 2155 2156 #bulk-titles .ntdelitem { 2157 padding-right: 37px; 2158 } 2159 2160 #bulk-titles .ntdelbutton { 2161 width: 40px; 2162 height: 40px; 2163 margin: 0 -40px 0 0; 2164 overflow: hidden; 2165 } 2166 2167 #bulk-titles .ntdelbutton:before { 2168 font-size: 20px; 2169 line-height: 28px; 2170 } 2171 2172 .inline-edit-row fieldset label span.title, 2173 .inline-edit-row fieldset.inline-edit-date legend { 2174 float: none; 2175 } 2176 2177 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { 2178 padding: 0; 2179 } 2180 2181 .inline-edit-row fieldset label span.input-text-wrap, 2182 .inline-edit-row fieldset .timestamp-wrap { 2183 margin-right: 0; 2184 } 2185 2186 .inline-edit-row .inline-edit-or { 2187 margin: 0 0 0 6px; 2188 } 2189 2190 #edithead .inside, 2191 #commentsdiv #edithead .inside { 2192 float: none; 2193 text-align: right; 2194 padding: 3px 5px; 2195 } 2196 2197 #commentsdiv #edithead .inside input, 2198 #edithead .inside input { 2199 width: 100%; 2200 } 2201 2202 #edithead label { 2203 display: block; 2204 } 2205 2206 /* Updates */ 2207 #wpbody-content .updates-table .plugin-title { 2208 width: auto; 2209 white-space: normal; 2210 } 2211 2212 /* Links */ 2213 .link-manager-php #posts-filter { 2214 margin-top: 25px; 2215 } 2216 2217 .link-manager-php .tablenav.bottom { 2218 overflow: hidden; 2219 } 2220 2221 /* List tables that don't toggle rows */ 2222 .comments-box .toggle-row, 2223 .wp-list-table.plugins .toggle-row { 2224 display: none; 2225 } 2226 2227 /* Plugin/Theme Management */ 2228 #wpbody-content .wp-list-table.plugins td { 2229 display: block; 2230 width: auto; 2231 padding: 10px 9px; /* reset from other list tables that have a label at this width */ 2232 } 2233 2234 #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td, 2235 #wpbody-content .wp-list-table.plugins .no-items td { 2236 display: table-cell; 2237 } 2238 2239 /* Plugin description hidden via Screen Options */ 2240 #wpbody-content .wp-list-table.plugins .desc.hidden { 2241 display: none; 2242 } 2243 2244 #wpbody-content .wp-list-table.plugins .column-description { 2245 padding-top: 2px; 2246 } 2247 2248 #wpbody-content .wp-list-table.plugins .plugin-title, 2249 #wpbody-content .wp-list-table.plugins .theme-title { 2250 padding-left: 12px; 2251 white-space: normal; 2252 } 2253 2254 .wp-list-table.plugins .plugin-title, 2255 .wp-list-table.plugins .theme-title { 2256 padding-top: 13px; 2257 padding-bottom: 4px; 2258 } 2259 2260 .plugins #the-list tr > td:not(:last-child), 2261 .plugins #the-list .update th, 2262 .plugins #the-list .update td, 2263 .wp-list-table.plugins #the-list .theme-title { 2264 box-shadow: none; 2265 border-top: none; 2266 } 2267 2268 .plugins #the-list tr td { 2269 border-top: none; 2270 } 2271 2272 .plugins tbody { 2273 padding: 1px 0 0; 2274 } 2275 2276 .plugins tr.active + tr.inactive th.check-column, 2277 .plugins tr.active + tr.inactive td.column-description, 2278 .plugins .plugin-update-tr:before { 2279 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2280 } 2281 2282 .plugins tr.active + tr.inactive th.check-column, 2283 .plugins tr.active + tr.inactive td { 2284 border-top: none; 2285 } 2286 2287 /* mimic the checkbox th */ 2288 .plugins .plugin-update-tr:before { 2289 content: ""; 2290 display: table-cell; 2291 } 2292 2293 .plugins #the-list .plugin-update-tr .plugin-update { 2294 border-right: none; 2295 } 2296 2297 .plugin-update-tr .update-message { 2298 margin-right: 0; 2299 } 2300 2301 .plugins .active.update + .plugin-update-tr:before, 2302 .plugins .active.updated + .plugin-update-tr:before { 2303 background-color: #f0f6fc; 2304 border-right: 4px solid #72aee6; 2305 } 2306 2307 .plugins .plugin-update-tr .update-message { 2308 margin-right: 0; 2309 } 2310 2311 .wp-list-table.plugins .plugin-title strong, 2312 .wp-list-table.plugins .theme-title strong { 2313 font-size: 1.4em; 2314 line-height: 1.5; 2315 } 2316 2317 .plugins tbody th.check-column { 2318 padding: 8px 5px 0 0; 2319 } 2320 2321 .plugins thead td.check-column, 2322 .plugins tfoot td.check-column, 2323 .plugins .inactive th.check-column { 2324 padding-right: 9px; 2325 } 2326 2327 /* Add New plugins page */ 2328 table.plugin-install .column-name, 2329 table.plugin-install .column-version, 2330 table.plugin-install .column-rating, 2331 table.plugin-install .column-description { 2332 display: block; 2333 width: auto; 2334 } 2335 2336 table.plugin-install th.column-name, 2337 table.plugin-install th.column-version, 2338 table.plugin-install th.column-rating, 2339 table.plugin-install th.column-description { 2340 display: none; 2341 } 2342 2343 table.plugin-install td.column-name strong { 2344 font-size: 1.4em; 2345 line-height: 1.6em; 2346 } 2347 2348 table.plugin-install #the-list td { 2349 box-shadow: none; 2350 } 2351 2352 table.plugin-install #the-list tr { 2353 display: block; 2354 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2355 } 2356 2357 .plugin-card { 2358 margin-right: 0; 2359 margin-left: 0; 2360 width: 100%; 2361 } 2362 2363 table.media .column-title .has-media-icon ~ .row-actions { 2364 margin-right: 0; 2365 clear: both; 2366 } 2367 } 2368 2369 @media screen and (max-width: 480px) { 2370 .tablenav-pages .current-page { 2371 margin: 0; 2372 } 2373 2374 .tablenav.bottom .displaying-num { 2375 position: relative; 2376 top: 0; 2377 display: block; 2378 text-align: left; 2379 padding-bottom: 0.5em; 2380 } 2381 2382 .tablenav.bottom .tablenav-pages.one-page { 2383 height: auto; 2384 } 2385 2386 .tablenav-pages .tablenav-paging-text { 2387 float: right; 2388 width: 100%; 2389 padding-top: 0.5em; 2390 } 2391 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Mar 28 08:20:01 2024 | Cross-referenced by PHPXref |