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