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