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: normal;
 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 .plugin-update-tr td {
1275         border-top: 0;
1276 }
1277
1278 .plugins .inactive td,
1279 .plugins .inactive th,
1280 .plugins .active td,
1281 .plugins .active th,
1282 .plugin-install #the-list td,
1283 .upgrade .plugins td,
1284 .upgrade .plugins th {
1285         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1286         box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1287 }
1288
1289 .plugins tr.active.plugin-update-tr + tr.inactive th,
1290 .plugins tr.active.plugin-update-tr + tr.inactive td,
1291 .plugins tr.active + tr.inactive th,
1292 .plugins tr.active + tr.inactive td {
1293         border-top: 1px solid rgba(0,0,0,0.03);
1294         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1295         box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1296 }
1297
1298 .plugins .update td,
1299 .plugins .update th,
1300 .upgrade .plugins tr:last-of-type td,
1301 .upgrade .plugins tr:last-of-type th,
1302 .plugins tr.active + tr.inactive.update th,
1303 .plugins tr.active + tr.inactive.update td,
1304 .plugins .updated td,
1305 .plugins .updated th,
1306 .plugins tr.active + tr.inactive.updated th,
1307 .plugins tr.active + tr.inactive.updated td {
1308         -webkit-box-shadow: none;
1309         box-shadow: none;
1310 }
1311
1312 .plugins .active.update td,
1313 .plugins .active.update th,
1314 tr.active.update + tr.plugin-update-tr .plugin-update {
1315         background-color: #fef7f1;
1316 }
1317
1318 .plugins .active th.check-column,
1319 .plugin-update-tr.active td {
1320         border-left: 4px solid #00a0d2;
1321 }
1322
1323 .plugins .active.update th.check-column,
1324 .plugins .active.update + .plugin-update-tr .plugin-update {
1325         border-left: 4px solid #d54e21;
1326 }
1327
1328 #wpbody-content .plugins .plugin-title,
1329 #wpbody-content .plugins .theme-title {
1330         padding-right: 12px;
1331         white-space:nowrap;
1332 }
1333
1334 .updates-table-screenshot {
1335         float:left;
1336         padding: 0 10px 5px 0;
1337 }
1338
1339 .plugins .inactive .plugin-title strong {
1340         font-weight: 400;
1341 }
1342
1343 .plugins .second,
1344 .plugins .row-actions {
1345         padding: 0 0 5px;
1346 }
1347
1348 .plugins .update .second,
1349 .plugins .update .row-actions,
1350 .plugins .updated .second,
1351 .plugins .updated .row-actions {
1352         padding-bottom: 0;
1353 }
1354
1355 .plugins-php .widefat tfoot th,
1356 .plugins-php .widefat tfoot td {
1357         border-top-style: solid;
1358         border-top-width: 1px;
1359 }
1360
1361 .plugin-update-tr .update-message {
1362         font-size: 13px;
1363         font-weight: normal;
1364         margin: 0 10px 8px 31px;
1365         padding: 6px 12px 8px 40px;
1366         background-color: #f7f7f7;
1367         background-color: rgba(0,0,0,0.03);
1368 }
1369
1370 .plugin-update-tr .update-message:before,
1371 .plugin-card .update-now:before,
1372 .plugin-card .install-now:before {
1373         color: #d54e21;
1374         display: inline-block;
1375         font: normal 20px/1 dashicons;
1376         speak: none;
1377         -webkit-font-smoothing: antialiased;
1378         -moz-osx-font-smoothing: grayscale;
1379         vertical-align: top;
1380 }
1381
1382 .plugin-update-tr .update-message:before,
1383 .plugin-card .update-now:before {
1384         content: "\f463";
1385 }
1386
1387 .plugin-update-tr .update-message:before {
1388         margin: 0 10px 0 -30px;
1389 }
1390
1391 .plugin-card .update-now:before,
1392 .plugin-card .install-now:before {
1393         margin: 3px 5px 0 -2px;
1394 }
1395
1396 .plugin-update-tr .updating-message:before,
1397 .plugin-card .updating-message:before {
1398         content: "\f463";
1399         -webkit-animation: rotation 2s infinite linear;
1400         animation: rotation 2s infinite linear;
1401 }
1402
1403 @-webkit-keyframes rotation {
1404         0% {
1405                 -webkit-transform: rotate(0deg);
1406                 transform: rotate(0deg);
1407         }
1408         100% {
1409                 -webkit-transform: rotate(359deg);
1410                 transform: rotate(359deg);
1411         }
1412 }
1413
1414 @keyframes rotation {
1415         0% {
1416                 -webkit-transform: rotate(0deg);
1417                 transform: rotate(0deg);
1418         }
1419         100% {
1420                 -webkit-transform: rotate(359deg);
1421                 transform: rotate(359deg);
1422         }
1423 }
1424
1425 .plugin-update-tr .updated-message:before,
1426 .plugin-card .updated-message:before {
1427         color: #79ba49;
1428         content: "\f147";
1429 }
1430
1431 .wp-list-table.plugins tbody tr.plugin-update-tr td.plugin-update {
1432         overflow: hidden; /* clearfix */
1433         padding: 0;
1434         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1435         box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1436 }
1437
1438 /* update notices for active plugins */
1439 tr.active + tr.plugin-update-tr .plugin-update {
1440         background-color: #f7fcfe;
1441 }
1442
1443 tr.active + tr.plugin-update-tr:not(.updated) .plugin-update .update-message {
1444         background-color: #fcf3ef;
1445 }
1446
1447 .plugin-install-php h2 {
1448         clear: both;
1449 }
1450
1451 .plugin-install-php h3 {
1452         margin: 2.5em 0 8px;
1453 }
1454
1455 .plugin-install-php .wp-filter {
1456         margin-bottom: 0;
1457 }
1458
1459 /* Plugin card table view */
1460 .plugin-group {
1461         overflow: hidden; /* clearfix */
1462         margin-top: 1.5em;
1463 }
1464
1465 .plugin-group h3 {
1466         margin-top: 0;
1467 }
1468
1469 .plugin-card {
1470         float: left;
1471         margin: 0 8px 16px;
1472         width: 48.5%;
1473         width: -webkit-calc( 50% - 8px );
1474         width: calc( 50% - 8px );
1475         background-color: #fff;
1476         border: 1px solid #ddd;
1477         -webkit-box-sizing: border-box;
1478         -moz-box-sizing: border-box;
1479         box-sizing: border-box;
1480 }
1481
1482 .plugin-card:nth-child(odd) {
1483         clear: both;
1484         margin-left: 0;
1485 }
1486
1487 .plugin-card:nth-child(even) {
1488         margin-right: 0;
1489 }
1490
1491 @media screen and ( min-width: 1600px ) {
1492         .plugin-card {
1493                 width: 30%;
1494                 width: -webkit-calc( 33.1% - 8px );
1495                 width: calc( 33.1% - 8px );
1496         }
1497
1498         .plugin-card:nth-child(odd) {
1499                 clear: none;
1500                 margin-left: 8px;
1501         }
1502
1503         .plugin-card:nth-child(even) {
1504                 margin-right: 8px;
1505         }
1506
1507         .plugin-card:nth-child(3n+1) {
1508                 clear: both;
1509                 margin-left: 0;
1510         }
1511
1512         .plugin-card:nth-child(3n) {
1513                 margin-right: 0;
1514         }
1515 }
1516
1517 .plugin-card-top {
1518         position: relative;
1519         padding: 20px 20px 10px;
1520         min-height: 135px;
1521 }
1522
1523 div.action-links,
1524 .plugin-action-buttons {
1525         margin: 0; /* Override existing margins */
1526 }
1527
1528 .plugin-card h3 {
1529         margin: 0 0 12px;
1530         font-size: 18px;
1531         line-height: 1.3;
1532 }
1533
1534 .plugin-card .name,
1535 .plugin-card .desc {
1536         margin-left: 148px; /* icon + margin */
1537         margin-right: 120px; /* action links */
1538 }
1539
1540 .plugin-card .action-links {
1541         position: absolute;
1542         top: 20px;
1543         right: 20px;
1544         width: 120px;
1545 }
1546
1547 .plugin-action-buttons {
1548         clear: right;
1549         float: right;
1550         margin-left: 2em;
1551         margin-bottom: 1em;
1552         text-align: right;
1553 }
1554
1555 .plugin-action-buttons li {
1556         margin-bottom: 10px;
1557 }
1558
1559 .plugin-card-bottom {
1560         clear: both;
1561         padding: 12px 20px;
1562         background-color: #fafafa;
1563         border-top: 1px solid #ddd;
1564         overflow: hidden;
1565 }
1566
1567 .plugin-card-bottom .star-rating {
1568         display: inline;
1569 }
1570
1571 .plugin-card-update-failed .update-now {
1572         font-weight: 600;
1573 }
1574
1575 .plugin-card-update-failed .notice-error {
1576         margin: 0;
1577         padding-left: 16px;
1578         -webkit-box-shadow: 0 -1px 0 #ddd;
1579         box-shadow: 0 -1px 0 #ddd;
1580 }
1581
1582 .plugin-card-update-failed .plugin-card-bottom {
1583         display: none;
1584 }
1585
1586 .plugin-card .column-rating {
1587         line-height: 23px;
1588 }
1589
1590 .plugin-card .column-rating,
1591 .plugin-card .column-updated {
1592         margin-bottom: 4px;
1593 }
1594
1595 .plugin-card .column-rating,
1596 .plugin-card .column-downloaded {
1597         float: left;
1598         clear: left;
1599         max-width: 180px;
1600 }
1601
1602 .plugin-card .column-updated,
1603 .plugin-card .column-compatibility {
1604         text-align: right;
1605         float: right;
1606         clear: right;
1607         width: 65%;
1608         width: -webkit-calc( 100% - 180px );
1609         width: calc( 100% - 180px );
1610 }
1611
1612 .plugin-card .column-compatibility span:before {
1613         font: normal 20px/.5 dashicons;
1614         speak: none;
1615         display: inline-block;
1616         padding: 0;
1617         top: 4px;
1618         left: -2px;
1619         position: relative;
1620         vertical-align: top;
1621         -webkit-font-smoothing: antialiased;
1622         -moz-osx-font-smoothing: grayscale;
1623         text-decoration: none !important;
1624         color: #444;
1625 }
1626
1627 .plugin-card .compatibility-incompatible:before {
1628         content: "\f158";
1629 }
1630
1631 .plugin-card .compatibility-compatible:before {
1632         content: "\f147";
1633 }
1634
1635 .plugin-icon {
1636         position: absolute;
1637         top: 20px;
1638         left: 20px;
1639         width: 128px;
1640         height: 128px;
1641         margin: 0 20px 20px 0;
1642 }
1643
1644 .no-plugin-results {
1645         color: #666; /* same as no themes and no media */
1646         font-size: 18px;
1647         font-style: normal;
1648         margin: 0;
1649         padding: 100px 0 0;
1650         text-align: center;
1651 }
1652
1653 /* ms */
1654 /* Background Color for Site Status */
1655 .wp-list-table .site-deleted,
1656 .wp-list-table tr.site-deleted {
1657         background: #ff8573;
1658 }
1659 .wp-list-table .site-spammed,
1660 .wp-list-table tr.site-spammed {
1661         background: #faafaa;
1662 }
1663 .wp-list-table .site-archived,
1664 .wp-list-table tr.site-archived {
1665         background: #ffebe8;
1666 }
1667 .wp-list-table .site-mature,
1668 .wp-list-table tr.site-mature {
1669         background: #fecac2;
1670 }
1671
1672 .sites.fixed .column-lastupdated,
1673 .sites.fixed .column-registered {
1674         width: 20%;
1675 }
1676
1677 .sites.fixed .column-users {
1678         width: 80px;
1679 }
1680
1681 /* =Media Queries
1682 -------------------------------------------------------------- */
1683
1684 @media screen and ( max-width: 1100px ) and ( min-width: 782px ), ( max-width: 480px ) {
1685         .plugin-card .action-links {
1686                 position: static;
1687                 margin-left: 148px;
1688                 width: auto;
1689         }
1690
1691         .plugin-action-buttons {
1692                 float: none;
1693                 margin: 1em 0 0;
1694                 text-align: left;
1695         }
1696
1697         .plugin-action-buttons li {
1698                 display: inline-block;
1699                 vertical-align: middle;
1700         }
1701
1702         .plugin-action-buttons li .button {
1703                 margin-right: 20px;
1704         }
1705
1706         .plugin-card .name,
1707         .plugin-card .desc {
1708                 margin-right: 0;
1709         }
1710
1711         .plugin-card .desc p:first-of-type {
1712                 margin-top: 0;
1713         }
1714
1715         .fixed .column-date {
1716                 width: 14%;
1717         }
1718 }
1719
1720 @media screen and ( max-width: 782px ) {
1721         /* WP List Table Options & Filters */
1722         .tablenav {
1723                 height: auto;
1724         }
1725
1726         .tablenav.top {
1727                 margin: 20px 0 5px 0;
1728         }
1729
1730         .tablenav.bottom {
1731                 position: relative;
1732                 margin-top: 15px;
1733         }
1734
1735         .tablenav br {
1736                 display: none;
1737         }
1738
1739         .tablenav br.clear {
1740                 display: block;
1741         }
1742
1743         .tablenav.top .actions,
1744         .tablenav .view-switch {
1745                 display: none;
1746         }
1747
1748         .view-switch a {
1749                 width: 36px;
1750                 height: 36px;
1751                 line-height: 33px;
1752         }
1753
1754         /* Pagination */
1755         .tablenav.top .displaying-num {
1756                 display: none;
1757         }
1758
1759         .tablenav.bottom .displaying-num {
1760                 position: absolute;
1761                 right: 0;
1762                 top: 11px;
1763                 margin: 0;
1764                 font-size: 14px;
1765         }
1766
1767         .tablenav .tablenav-pages {
1768                 width: 100%;
1769                 height: auto;
1770                 text-align: center;
1771                 margin: 0 0 25px;
1772         }
1773
1774         .tablenav.bottom .tablenav-pages {
1775                 margin-top: 25px;
1776         }
1777
1778         .tablenav.top .tablenav-pages.one-page {
1779                 display: none;
1780         }
1781
1782         .tablenav.bottom .tablenav-pages.one-page {
1783                 margin: 15px 0 0 0;
1784                 height: 0;
1785         }
1786
1787         .tablenav-pages .pagination-links {
1788                 font-size: 16px;
1789         }
1790
1791         .tablenav-pages .pagination-links a,
1792         .tablenav-pages-navspan {
1793                 padding: 9px 11px 12px;
1794                 font-size: 18px;
1795         }
1796
1797         .tablenav-pages-navspan {
1798                 height: 18px;
1799         }
1800
1801         .tablenav-pages .pagination-links .current-page {
1802                 padding: 8px 9px 9px;
1803                 font-size: 16px;
1804         }
1805
1806         /* WP List Table Adjustments: General */
1807         .form-wrap > p {
1808                 display: none;
1809         }
1810
1811         .comment-count {
1812                 font-size: 14px;
1813         }
1814
1815         .wp-list-table th.column-primary ~ th,
1816         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1817                 display: none;
1818         }
1819
1820         .wp-list-table thead th.column-primary {
1821                 width: 100%;
1822         }
1823
1824         /* Checkboxes need to show */
1825         .wp-list-table tr th.check-column {
1826                 display: table-cell;
1827                 width: 35px;
1828         }
1829
1830         .wp-list-table .column-primary .toggle-row {
1831                 display: block;
1832         }
1833
1834         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
1835                 position: relative;
1836                 clear: both;
1837                 display: block;
1838                 width: auto !important; /* needs to override some columns that are more specifically targeted */
1839         }
1840
1841         .wp-list-table td.column-primary {
1842                 padding-right: 50px; /* space for toggle button */
1843         }
1844
1845         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1846                 padding: 3px 8px 3px 35%;
1847         }
1848
1849         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
1850                 position: absolute;
1851                 left: 10px; /* match padding of regular table cell */
1852                 display: block;
1853                 overflow: hidden;
1854                 width: 32%; /* leave a little space for a gutter */
1855                 content: attr(data-colname);
1856                 white-space: nowrap;
1857                 text-overflow: ellipsis;
1858         }
1859
1860         .wp-list-table .is-expanded td:not(.hidden) {
1861                 display: block !important;
1862                 overflow: hidden; /* clearfix */
1863         }
1864
1865         /* Special cases */
1866         .widefat .num,
1867         .column-posts {
1868                 text-align: left;
1869         }
1870
1871         #comments-form .fixed .column-author,
1872         #commentsdiv .fixed .column-author {
1873                 display: none !important;
1874         }
1875
1876         .fixed .column-comment .comment-author {
1877                 display: block;
1878         }
1879
1880         #the-comment-list .is-expanded td {
1881                 -webkit-box-shadow: none;
1882                 box-shadow: none;
1883         }
1884
1885         #the-comment-list .is-expanded td:last-child {
1886                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1887                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1888         }
1889
1890         /* Show comment bubble as text instead */
1891         .post-com-count .screen-reader-text {
1892                 position: static;
1893                 width: auto;
1894                 height: auto;
1895                 margin: 0;
1896         }
1897
1898         .column-response .post-com-count-no-comments:after,
1899         .column-response .post-com-count-approved:after,
1900         .column-comments .post-com-count-no-comments:after,
1901         .column-comments .post-com-count-approved:after {
1902                 content: none;
1903         }
1904
1905         .column-response .post-com-count [aria-hidden="true"],
1906         .column-comments .post-com-count [aria-hidden="true"] {
1907                 display: none;
1908         }
1909
1910         .column-response .post-com-count-wrapper,
1911         .column-comments .post-com-count-wrapper {
1912                 white-space: normal;
1913         }
1914
1915         .column-response .post-com-count-wrapper > a,
1916         .column-comments .post-com-count-wrapper > a {
1917                 display: block;
1918         }
1919
1920         .column-response .post-com-count-no-comments,
1921         .column-response .post-com-count-approved,
1922         .column-comments .post-com-count-no-comments,
1923         .column-comments .post-com-count-approved {
1924                 margin-top: 0;
1925                 margin-right: 0.5em;
1926         }
1927
1928         .column-response .post-com-count-pending,
1929         .column-comments .post-com-count-pending {
1930                 position: static;
1931                 height: auto;
1932                 min-width: 0;
1933                 padding: 0;
1934                 border: none;
1935                 -webkit-border-radius: 0;
1936                 border-radius: 0;
1937                 background: none;
1938                 color: #bb2a2a;
1939                 font-size: inherit;
1940                 line-height: inherit;
1941                 text-align: left;
1942         }
1943
1944         .column-response .post-com-count-pending:hover,
1945         .column-comments .post-com-count-pending:hover {
1946                 color: #dc3232;
1947         }
1948
1949         .widefat thead td.check-column,
1950         .widefat tfoot td.check-column {
1951                 padding-top: 10px;
1952         }
1953
1954         .widefat * {
1955                 word-wrap: normal;
1956         }
1957
1958         /* Quick Edit and Bulk Edit */
1959         #wpbody-content .quick-edit-row-post .inline-edit-col-left,
1960         #wpbody-content .quick-edit-row-post .inline-edit-col-right,
1961         #wpbody-content .inline-edit-row-post .inline-edit-col-center,
1962         #wpbody-content .quick-edit-row-page .inline-edit-col-left,
1963         #wpbody-content .quick-edit-row-page .inline-edit-col-right,
1964         #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
1965         #wpbody-content .bulk-edit-row .inline-edit-col-left,
1966         #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
1967         #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
1968                 float: none;
1969                 width: 100%;
1970         }
1971
1972         #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
1973         #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
1974         #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
1975         #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1976                 max-width: none;
1977                 float: none;
1978                 margin-bottom: 5px;
1979         }
1980
1981         #wpbody .bulk-edit-row fieldset select {
1982                 display: block;
1983                 width: 100%;
1984                 max-width: none;
1985                 -webkit-box-sizing: border-box;
1986                 -moz-box-sizing: border-box;
1987                 box-sizing: border-box;
1988         }
1989
1990         .inline-edit-row fieldset ul.cat-checklist label,
1991         .inline-edit-row #bulk-titles div {
1992                 font-size: 16px;
1993         }
1994
1995         .inline-edit-row fieldset label span.title,
1996         .inline-edit-row fieldset.inline-edit-date legend {
1997                 float: none;
1998         }
1999
2000         .inline-edit-row fieldset label.inline-edit-tags {
2001                 padding: 0 0.5em;
2002         }
2003
2004         .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
2005                 padding: 0;
2006         }
2007
2008         .inline-edit-row fieldset label span.input-text-wrap,
2009         .inline-edit-row fieldset .timestamp-wrap {
2010                 margin-left: 0;
2011         }
2012
2013         .inline-edit-row fieldset input[name=jj],
2014         .inline-edit-row fieldset input[name=hh],
2015         .inline-edit-row fieldset input[name=mn] {
2016                 width: 3em;
2017         }
2018
2019         .inline-edit-row fieldset input[name=aa] {
2020                 width: 4.5em;
2021         }
2022
2023         .inline-edit-row .inline-edit-or {
2024                 margin: 0 6px 0 0;
2025         }
2026
2027         #edithead .inside,
2028         #commentsdiv #edithead .inside {
2029                 float: none;
2030                 text-align: left;
2031                 padding: 3px 5px;
2032         }
2033
2034         #commentsdiv #edithead .inside input,
2035         #edithead .inside input {
2036                 width: 100%;
2037         }
2038
2039         #edithead label {
2040                 display: block;
2041         }
2042
2043         #bulk-titles div {
2044                 margin: 0.8em 0.3em;
2045         }
2046
2047         #bulk-titles div a {
2048                 height: 22px;
2049         }
2050
2051         /* Updates */
2052         #wpbody-content .updates-table .plugin-title {
2053                 width: auto;
2054                 white-space: normal;
2055         }
2056
2057         /* Links */
2058         .link-manager-php #posts-filter {
2059                 margin-top: 25px;
2060         }
2061
2062         .link-manager-php .tablenav.bottom {
2063                 overflow: hidden;
2064         }
2065
2066         /* List tables that don't toggle rows */
2067         .comments-box .toggle-row,
2068         .wp-list-table.plugins .toggle-row {
2069                 display: none;
2070         }
2071
2072         /* Plugin/Theme Management */
2073         #wpbody-content .wp-list-table.plugins td {
2074                 display: block;
2075                 width: auto;
2076                 padding: 10px 9px; /* reset from other list tables that have a label at this width */
2077         }
2078
2079         #wpbody-content .wp-list-table.plugins .column-description {
2080                 padding-top: 2px;
2081         }
2082
2083         #wpbody-content .wp-list-table.plugins .plugin-title,
2084         #wpbody-content .wp-list-table.plugins .theme-title {
2085                 padding-right: 12px;
2086                 white-space: normal;
2087         }
2088
2089         .wp-list-table.plugins .plugin-title,
2090         .wp-list-table.plugins .theme-title {
2091                 padding-top: 13px;
2092                 padding-bottom: 4px;
2093         }
2094
2095         .plugins #the-list tr > td:not(:last-child),
2096         .plugins #the-list .update th,
2097         .plugins #the-list .update td,
2098         .wp-list-table.plugins #the-list .theme-title {
2099                 -webkit-box-shadow: none;
2100                 box-shadow: none;
2101                 border-top: none;
2102         }
2103
2104         .plugins #the-list tr td {
2105                 border-top: none;
2106         }
2107
2108         .plugins tbody {
2109                 padding: 1px 0 0;
2110         }
2111
2112         .plugins tr.active + tr.inactive th.check-column,
2113         .plugins tr.active + tr.inactive td.column-description,
2114         .plugins .plugin-update-tr:before {
2115                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2116                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2117         }
2118
2119         .plugins tr.active + tr.inactive th.check-column,
2120         .plugins tr.active + tr.inactive td {
2121                 border-top: none;
2122         }
2123
2124         /* mimic the checkbox th */
2125         .plugins .plugin-update-tr:before {
2126                 content: "";
2127                 display: table-cell;
2128         }
2129
2130         .plugins .active.update + .plugin-update-tr:before {
2131                 border-left: 4px solid #d54e21;
2132                 background-color: #fef7f1;
2133         }
2134
2135         .plugins #the-list .plugin-update-tr .plugin-update {
2136                 border-left: none;
2137         }
2138
2139         .plugin-update-tr .update-message {
2140                 margin-left: 0;
2141         }
2142
2143         .wp-list-table.plugins .plugin-title strong,
2144         .wp-list-table.plugins .theme-title strong {
2145                 font-size: 1.4em;
2146                 line-height: 1.5;
2147         }
2148
2149         /* Add New plugins page */
2150         table.plugin-install .column-name,
2151         table.plugin-install .column-version,
2152         table.plugin-install .column-rating,
2153         table.plugin-install .column-description {
2154                 display: block;
2155                 width: auto;
2156         }
2157
2158         table.plugin-install th.column-name,
2159         table.plugin-install th.column-version,
2160         table.plugin-install th.column-rating,
2161         table.plugin-install th.column-description {
2162                 display: none;
2163         }
2164
2165         table.plugin-install td.column-name strong {
2166                 font-size: 1.4em;
2167                 line-height: 1.6em;
2168         }
2169
2170         table.plugin-install #the-list td {
2171                 -webkit-box-shadow: none;
2172                 box-shadow: none;
2173         }
2174
2175         table.plugin-install #the-list tr {
2176                 display: block;
2177                 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
2178                 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
2179         }
2180
2181         .plugin-card {
2182                 margin-left: 0;
2183                 margin-right: 0;
2184                 width: 100%;
2185         }
2186 }