wp-admin/css/list-tables.css

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