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