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