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: #777;
 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: #f4f4f4;
 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: #666;
 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 #d2d2d2;
 699         padding: 3px 5px 7px;
 700         background: #e4e4e4;
 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: #e8e8e8;
 710         background: #ebebeb;
 711         color: #b4b4b4;
 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 div.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 fieldset .inline-edit-group:after {
 978         content: ".";
 979         display: block;
 980         height: 0;
 981         clear: both;
 982         visibility: hidden;
 983 }
 984
 985 .inline-edit-row p.submit {
 986         clear: both;
 987         padding: 0.5em;
 988         margin: 0.5em 0 0;
 989 }
 990
 991 .inline-edit-row span.error {
 992         line-height: 22px;
 993         margin: 0 15px;
 994         padding: 3px 5px;
 995 }
 996
 997 /*      Positioning */
 998
 999 /* Needs higher specificity for the padding */
1000 #the-list .inline-edit-row .inline-edit-legend {
1001         margin: 0;
1002         padding: 0.2em 0.5em 0;
1003         line-height: 2.5;
1004         font-weight: 600;
1005 }
1006
1007 #the-list #bulk-edit.inline-edit-row .inline-edit-legend {
1008         padding: 0.2em 0.5em;
1009 }
1010
1011 .inline-edit-row fieldset span.title,
1012 .inline-edit-row fieldset span.checkbox-title {
1013         margin: 0;
1014         padding: 0;
1015 }
1016
1017 .inline-edit-row fieldset label,
1018 .inline-edit-row fieldset span.inline-edit-categories-label {
1019         display: block;
1020         margin: .2em 0;
1021         line-height: 2.5;
1022 }
1023
1024 .inline-edit-row fieldset.inline-edit-date label {
1025         display: inline-block;
1026         margin: 0;
1027         line-height: 1.5;
1028         vertical-align: baseline;
1029 }
1030
1031 .inline-edit-row fieldset label.inline-edit-tags {
1032         margin-top: 0;
1033 }
1034
1035 .inline-edit-row fieldset label.inline-edit-tags span.title {
1036         margin: .2em 0;
1037         width: auto;
1038 }
1039
1040 .inline-edit-row fieldset label span.title,
1041 .inline-edit-row fieldset.inline-edit-date legend {
1042         display: block;
1043         float: left;
1044         width: 6em;
1045         line-height: 2.5;
1046 }
1047
1048 #posts-filter fieldset.inline-edit-date legend {
1049         padding: 0;
1050 }
1051
1052 .inline-edit-row fieldset.inline-edit-date select {
1053         margin: 1px;
1054         line-height: 28px;
1055 }
1056
1057 .inline-edit-row fieldset label span.input-text-wrap,
1058 .inline-edit-row fieldset .timestamp-wrap {
1059         display: block;
1060         margin-left: 6em;
1061 }
1062
1063 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
1064         width: auto;
1065         padding-right: 0.5em;
1066 }
1067
1068 .inline-edit-row .inline-edit-or {
1069         margin: .2em 6px .2em 0;
1070         line-height: 2.5;
1071 }
1072
1073 .inline-edit-row .input-text-wrap input[type=text] {
1074         width: 100%;
1075 }
1076
1077 .inline-edit-row fieldset label input[type=checkbox] {
1078         vertical-align: middle;
1079 }
1080
1081 .inline-edit-row fieldset label textarea {
1082         width: 100%;
1083         height: 4em;
1084         vertical-align: top;
1085 }
1086
1087 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1088         max-width: 50%;
1089 }
1090
1091 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
1092         margin-right: 0.5em
1093 }
1094
1095 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
1096         width: 6em;
1097 }
1098
1099 /*      Styling */
1100 .inline-edit-row .inline-edit-legend {
1101         text-transform: uppercase;
1102 }
1103
1104 .inline-edit-row fieldset span.title,
1105 .inline-edit-row fieldset span.checkbox-title {
1106         font-style: italic;
1107 }
1108
1109 /*      Specific Elements */
1110 .inline-edit-row fieldset .inline-edit-date {
1111         float: left;
1112 }
1113
1114 .inline-edit-row fieldset input[name=jj],
1115 .inline-edit-row fieldset input[name=hh],
1116 .inline-edit-row fieldset input[name=mn] {
1117         font-size: 12px;
1118         width: 2.3em;
1119 }
1120
1121 .inline-edit-row fieldset input[name=aa] {
1122         font-size: 12px;
1123         width: 3.5em;
1124 }
1125
1126 .inline-edit-row fieldset label input.inline-edit-password-input {
1127         width: 8em;
1128 }
1129
1130 ul.cat-checklist {
1131         height: 12em;
1132         border: solid 1px #ddd;
1133         overflow-y: scroll;
1134         padding: 0 5px;
1135         margin: 0;
1136         background-color: #fff;
1137 }
1138
1139 #bulk-titles {
1140         display: block;
1141         height: 12em;
1142         border: 1px solid #ddd;
1143         overflow-y: scroll;
1144         padding: 0 5px;
1145         margin: 0 0 5px;
1146 }
1147
1148 .inline-edit-row fieldset ul.cat-checklist li,
1149 .inline-edit-row fieldset ul.cat-checklist input {
1150         margin: 0;
1151         position: relative; /* RTL fix, #WP27629 */
1152 }
1153
1154 .inline-edit-row fieldset ul.cat-checklist label,
1155 .inline-edit-row #bulk-titles div {
1156         font-style: normal;
1157         font-size: 11px;
1158 }
1159
1160 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
1161         width: 3em;
1162 }
1163
1164 .inline-edit-row fieldset label input.inline-edit-slug-input {
1165         width: 75%;
1166 }
1167
1168 .inline-edit-row #post_parent,
1169 .inline-edit-row select[name="page_template"] {
1170         max-width: 80%;
1171 }
1172
1173 .ie8 .inline-edit-row #post_parent,
1174 .ie8 .inline-edit-row select[name="page_template"] {
1175         width: 250px;
1176 }
1177
1178 .quick-edit-row-post fieldset label.inline-edit-status {
1179         float: left;
1180 }
1181
1182 #bulk-titles {
1183         line-height: 140%;
1184 }
1185 #bulk-titles div {
1186         margin: 0.2em 0.3em;
1187 }
1188
1189 #bulk-titles div a {
1190         cursor: pointer;
1191         display: block;
1192         float: left;
1193         height: 18px;
1194         margin: 0 3px 0 -2px;
1195         overflow: hidden;
1196         position: relative;
1197         width: 20px;
1198 }
1199
1200 #bulk-titles div a:before {
1201         position: relative;
1202         top: -3px;
1203 }
1204
1205 /*------------------------------------------------------------------------------
1206   17.0 - Plugins
1207 ------------------------------------------------------------------------------*/
1208
1209 .plugins tbody th.check-column,
1210 .plugins tbody {
1211         padding: 8px 0 0 2px;
1212 }
1213
1214 .plugins tbody th.check-column input[type=checkbox] {
1215         margin-top: 4px;
1216 }
1217
1218 #update-plugins-table tbody td p {
1219         margin-top: 0;
1220 }
1221
1222 #update-plugins-table tbody td p strong {
1223         font-size: 14px;
1224 }
1225
1226 .plugins thead td.check-column,
1227 .plugins tfoot td.check-column,
1228 .plugins .inactive th.check-column {
1229         padding-left: 6px;
1230 }
1231
1232 #update-plugins-table thead td.check-column,
1233 #update-plugins-table tfoot td.check-column {
1234         padding-top: 11px;
1235 }
1236
1237 .plugins,
1238 .plugins th,
1239 .plugins td {
1240         color: #000;
1241 }
1242
1243 .plugins tr {
1244         background: #fff;
1245 }
1246
1247 .plugins p {
1248         margin: 0 4px;
1249         padding: 0;
1250 }
1251
1252 .plugins .desc p {
1253         margin: 0 0 8px;
1254 }
1255
1256 .plugins td.desc {
1257         line-height: 1.5em;
1258 }
1259
1260 .plugins .desc ul,
1261 .plugins .desc ol {
1262         margin: 0 0 0 2em;
1263 }
1264
1265 .plugins .desc ul {
1266         list-style-type: disc;
1267 }
1268
1269 .plugins .row-actions {
1270         font-size: 13px;
1271         padding: 0;
1272 }
1273
1274 .plugins .inactive td,
1275 .plugins .inactive th,
1276 .plugins .active td,
1277 .plugins .active th {
1278         padding: 10px 9px;
1279 }
1280
1281 .plugins .active td,
1282 .plugins .active th {
1283         background-color: #f7fcfe;
1284 }
1285
1286 .plugins .update th,
1287 .plugins .update td {
1288         border-bottom: 0;
1289 }
1290
1291 .plugin-update-tr td {
1292         border-top: 0;
1293 }
1294
1295 .plugins .inactive td,
1296 .plugins .inactive th,
1297 .plugins .active td,
1298 .plugins .active th,
1299 .plugin-install #the-list td,
1300 .upgrade .plugins td,
1301 .upgrade .plugins th {
1302         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1303         box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1304 }
1305
1306 .plugins tr.active.plugin-update-tr + tr.inactive th,
1307 .plugins tr.active.plugin-update-tr + tr.inactive td,
1308 .plugins tr.active + tr.inactive th,
1309 .plugins tr.active + tr.inactive td {
1310         border-top: 1px solid rgba(0,0,0,0.03);
1311         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1312         box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1313 }
1314
1315 .plugins .update td,
1316 .plugins .update th,
1317 .upgrade .plugins tr:last-of-type td,
1318 .upgrade .plugins tr:last-of-type th,
1319 .plugins tr.active + tr.inactive.update th,
1320 .plugins tr.active + tr.inactive.update td,
1321 .plugins .updated td,
1322 .plugins .updated th,
1323 .plugins tr.active + tr.inactive.updated th,
1324 .plugins tr.active + tr.inactive.updated td {
1325         -webkit-box-shadow: none;
1326         box-shadow: none;
1327 }
1328
1329 .plugins .active.update td,
1330 .plugins .active.update th,
1331 tr.active.update + tr.plugin-update-tr .plugin-update {
1332         background-color: #fef7f1;
1333 }
1334
1335 .plugins .active th.check-column,
1336 .plugin-update-tr.active td {
1337         border-left: 4px solid #00a0d2;
1338 }
1339
1340 .plugins .active.update th.check-column,
1341 .plugins .active.update + .plugin-update-tr .plugin-update {
1342         border-left: 4px solid #d54e21;
1343 }
1344
1345 #wpbody-content .plugins .plugin-title,
1346 #wpbody-content .plugins .theme-title {
1347         padding-right: 12px;
1348         white-space:nowrap;
1349 }
1350
1351 .plugins .inactive .plugin-title strong {
1352         font-weight: 400;
1353 }
1354
1355 .plugins .second,
1356 .plugins .row-actions {
1357         padding: 0 0 5px;
1358 }
1359
1360 .plugins .update .second,
1361 .plugins .update .row-actions,
1362 .plugins .updated .second,
1363 .plugins .updated .row-actions {
1364         padding-bottom: 0;
1365 }
1366
1367 .plugins-php .widefat tfoot th,
1368 .plugins-php .widefat tfoot td {
1369         border-top-style: solid;
1370         border-top-width: 1px;
1371 }
1372
1373 .plugin-update-tr .update-message {
1374         font-size: 13px;
1375         font-weight: normal;
1376         margin: 0 10px 8px 31px;
1377         padding: 6px 12px 8px 40px;
1378         background-color: #f7f7f7;
1379         background-color: rgba(0,0,0,0.03);
1380 }
1381
1382 .plugin-update-tr .update-message:before,
1383 .plugin-card .update-now:before,
1384 .plugin-card .install-now:before {
1385         color: #d54e21;
1386         display: inline-block;
1387         font: normal 20px/1 dashicons;
1388         speak: none;
1389         -webkit-font-smoothing: antialiased;
1390         -moz-osx-font-smoothing: grayscale;
1391         vertical-align: top;
1392 }
1393
1394 .plugin-update-tr .update-message:before,
1395 .plugin-card .update-now:before {
1396         content: "\f463";
1397 }
1398
1399 .plugin-update-tr .update-message:before {
1400         margin: 0 10px 0 -30px;
1401 }
1402
1403 .plugin-card .update-now:before,
1404 .plugin-card .install-now:before {
1405         margin: 3px 5px 0 -2px;
1406 }
1407
1408 .plugin-update-tr .updating-message:before,
1409 .plugin-card .updating-message:before {
1410         content: "\f463";
1411         -webkit-animation: rotation 2s infinite linear;
1412         animation: rotation 2s infinite linear;
1413 }
1414
1415 @-webkit-keyframes rotation {
1416         0% {
1417                 -webkit-transform: rotate(0deg);
1418                 transform: rotate(0deg);
1419         }
1420         100% {
1421                 -webkit-transform: rotate(359deg);
1422                 transform: rotate(359deg);
1423         }
1424 }
1425
1426 @keyframes rotation {
1427         0% {
1428                 -webkit-transform: rotate(0deg);
1429                 transform: rotate(0deg);
1430         }
1431         100% {
1432                 -webkit-transform: rotate(359deg);
1433                 transform: rotate(359deg);
1434         }
1435 }
1436
1437 .plugin-update-tr .updated-message:before,
1438 .plugin-card .updated-message:before {
1439         color: #79ba49;
1440         content: "\f147";
1441 }
1442
1443 .wp-list-table.plugins tbody tr.plugin-update-tr td.plugin-update {
1444         overflow: hidden; /* clearfix */
1445         padding: 0;
1446         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1447         box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1448 }
1449
1450 /* update notices for active plugins */
1451 tr.active + tr.plugin-update-tr .plugin-update {
1452         background-color: #f7fcfe;
1453 }
1454
1455 tr.active + tr.plugin-update-tr:not(.updated) .plugin-update .update-message {
1456         background-color: #fcf3ef;
1457 }
1458
1459 .plugin-install-php h2 {
1460         clear: both;
1461 }
1462
1463 .plugin-install-php h3 {
1464         margin: 2.5em 0 8px;
1465 }
1466
1467 .plugin-install-php .wp-filter {
1468         margin-bottom: 0;
1469 }
1470
1471 /* Plugin card table view */
1472 .plugin-group {
1473         overflow: hidden; /* clearfix */
1474         margin-top: 1.5em;
1475 }
1476
1477 .plugin-group h3 {
1478         margin-top: 0;
1479 }
1480
1481 .plugin-card {
1482         float: left;
1483         margin: 0 8px 16px;
1484         width: 48.5%;
1485         width: -webkit-calc( 50% - 8px );
1486         width: calc( 50% - 8px );
1487         background-color: #fff;
1488         border: 1px solid #dedede;
1489         -webkit-box-sizing: border-box;
1490         -moz-box-sizing: border-box;
1491         box-sizing: border-box;
1492 }
1493
1494 .plugin-card:nth-child(odd) {
1495         clear: both;
1496         margin-left: 0;
1497 }
1498
1499 .plugin-card:nth-child(even) {
1500         margin-right: 0;
1501 }
1502
1503 @media screen and ( min-width: 1600px ) {
1504         .plugin-card {
1505                 width: 30%;
1506                 width: -webkit-calc( 33.1% - 8px );
1507                 width: calc( 33.1% - 8px );
1508         }
1509
1510         .plugin-card:nth-child(odd) {
1511                 clear: none;
1512                 margin-left: 8px;
1513         }
1514
1515         .plugin-card:nth-child(even) {
1516                 margin-right: 8px;
1517         }
1518
1519         .plugin-card:nth-child(3n+1) {
1520                 clear: both;
1521                 margin-left: 0;
1522         }
1523
1524         .plugin-card:nth-child(3n) {
1525                 margin-right: 0;
1526         }
1527 }
1528
1529 .plugin-card-top {
1530         position: relative;
1531         padding: 20px 20px 10px;
1532         min-height: 135px;
1533 }
1534
1535 div.action-links,
1536 .plugin-action-buttons {
1537         margin: 0; /* Override existing margins */
1538 }
1539
1540 .plugin-card h3 {
1541         margin: 0 0 12px;
1542         font-size: 18px;
1543         line-height: 1.3;
1544 }
1545
1546 .plugin-card .name,
1547 .plugin-card .desc {
1548         margin-left: 148px; /* icon + margin */
1549         margin-right: 120px; /* action links */
1550 }
1551
1552 .plugin-card .action-links {
1553         position: absolute;
1554         top: 20px;
1555         right: 20px;
1556         width: 120px;
1557 }
1558
1559 .plugin-action-buttons {
1560         clear: right;
1561         float: right;
1562         margin-left: 2em;
1563         margin-bottom: 1em;
1564         text-align: right;
1565 }
1566
1567 .plugin-action-buttons li {
1568         margin-bottom: 10px;
1569 }
1570
1571 .plugin-card-bottom {
1572         clear: both;
1573         padding: 12px 20px;
1574         background-color: #fafafa;
1575         border-top: 1px solid #dedede;
1576         overflow: hidden;
1577 }
1578
1579 .plugin-card-bottom .star-rating {
1580         display: inline;
1581 }
1582
1583 .plugin-card-update-failed .update-now {
1584         font-weight: 600;
1585 }
1586
1587 .plugin-card-update-failed .notice-error {
1588         margin: 0;
1589         padding-left: 16px;
1590         -webkit-box-shadow: 0 -1px 0 #dedede;
1591         box-shadow: 0 -1px 0 #dedede;
1592 }
1593
1594 .plugin-card-update-failed .plugin-card-bottom {
1595         display: none;
1596 }
1597
1598 .plugin-card .column-rating {
1599         line-height: 23px;
1600 }
1601
1602 .plugin-card .column-rating,
1603 .plugin-card .column-updated {
1604         margin-bottom: 4px;
1605 }
1606
1607 .plugin-card .column-rating,
1608 .plugin-card .column-downloaded {
1609         float: left;
1610         clear: left;
1611         max-width: 180px;
1612 }
1613
1614 .plugin-card .column-updated,
1615 .plugin-card .column-compatibility {
1616         text-align: right;
1617         float: right;
1618         clear: right;
1619         width: 65%;
1620         width: -webkit-calc( 100% - 180px );
1621         width: calc( 100% - 180px );
1622 }
1623
1624 .plugin-card .column-compatibility span:before {
1625         font: normal 20px/.5 dashicons;
1626         speak: none;
1627         display: inline-block;
1628         padding: 0;
1629         top: 4px;
1630         left: -2px;
1631         position: relative;
1632         vertical-align: top;
1633         -webkit-font-smoothing: antialiased;
1634         -moz-osx-font-smoothing: grayscale;
1635         text-decoration: none !important;
1636         color: #444;
1637 }
1638
1639 .plugin-card .compatibility-incompatible:before {
1640         content: "\f158";
1641 }
1642
1643 .plugin-card .compatibility-compatible:before {
1644         content: "\f147";
1645 }
1646
1647 .plugin-icon {
1648         position: absolute;
1649         top: 20px;
1650         left: 20px;
1651         width: 128px;
1652         height: 128px;
1653         margin: 0 20px 20px 0;
1654 }
1655
1656 .no-plugin-results {
1657         color: #999;
1658         font-size: 18px;
1659         font-style: normal;
1660         margin: 0;
1661         padding: 100px 0 0;
1662         text-align: center;
1663 }
1664
1665 /* ms */
1666 /* Background Color for Site Status */
1667 .wp-list-table .site-deleted,
1668 .wp-list-table tr.site-deleted {
1669         background: #ff8573;
1670 }
1671 .wp-list-table .site-spammed,
1672 .wp-list-table tr.site-spammed {
1673         background: #faafaa;
1674 }
1675 .wp-list-table .site-archived,
1676 .wp-list-table tr.site-archived {
1677         background: #ffebe8;
1678 }
1679 .wp-list-table .site-mature,
1680 .wp-list-table tr.site-mature {
1681         background: #fecac2;
1682 }
1683
1684 .sites.fixed .column-lastupdated,
1685 .sites.fixed .column-registered {
1686         width: 20%;
1687 }
1688
1689 .sites.fixed .column-users {
1690         width: 80px;
1691 }
1692
1693 /* =Media Queries
1694 -------------------------------------------------------------- */
1695
1696 @media screen and ( max-width: 1100px ) and ( min-width: 782px ), ( max-width: 480px ) {
1697         .plugin-card .action-links {
1698                 position: static;
1699                 margin-left: 148px;
1700                 width: auto;
1701         }
1702
1703         .plugin-action-buttons {
1704                 float: none;
1705                 margin: 1em 0 0;
1706                 text-align: left;
1707         }
1708
1709         .plugin-action-buttons li {
1710                 display: inline-block;
1711                 vertical-align: middle;
1712         }
1713
1714         .plugin-action-buttons li .button {
1715                 margin-right: 20px;
1716         }
1717
1718         .plugin-card .name,
1719         .plugin-card .desc {
1720                 margin-right: 0;
1721         }
1722
1723         .plugin-card .desc p:first-of-type {
1724                 margin-top: 0;
1725         }
1726
1727         .fixed .column-date {
1728                 width: 14%;
1729         }
1730 }
1731
1732 @media screen and ( max-width: 782px ) {
1733         /* WP List Table Options & Filters */
1734         .tablenav {
1735                 height: auto;
1736         }
1737
1738         .tablenav.top {
1739                 margin: 20px 0 5px 0;
1740         }
1741
1742         .tablenav.bottom {
1743                 position: relative;
1744                 margin-top: 15px;
1745         }
1746
1747         .tablenav br {
1748                 display: none;
1749         }
1750
1751         .tablenav br.clear {
1752                 display: block;
1753         }
1754
1755         .tablenav.top .actions,
1756         .tablenav .view-switch {
1757                 display: none;
1758         }
1759
1760         .view-switch a {
1761                 width: 36px;
1762                 height: 36px;
1763                 line-height: 33px;
1764         }
1765
1766         /* Pagination */
1767         .tablenav.top .displaying-num {
1768                 display: none;
1769         }
1770
1771         .tablenav.bottom .displaying-num {
1772                 position: absolute;
1773                 right: 0;
1774                 top: 11px;
1775                 margin: 0;
1776                 font-size: 14px;
1777         }
1778
1779         .tablenav .tablenav-pages {
1780                 width: 100%;
1781                 height: auto;
1782                 text-align: center;
1783                 margin: 0 0 25px;
1784         }
1785
1786         .tablenav.bottom .tablenav-pages {
1787                 margin-top: 25px;
1788         }
1789
1790         .tablenav.top .tablenav-pages.one-page {
1791                 display: none;
1792         }
1793
1794         .tablenav.bottom .tablenav-pages.one-page {
1795                 margin: 15px 0 0 0;
1796                 height: 0;
1797         }
1798
1799         .tablenav-pages .pagination-links {
1800                 font-size: 16px;
1801         }
1802
1803         .tablenav-pages .pagination-links a,
1804         .tablenav-pages-navspan {
1805                 padding: 9px 11px 12px;
1806                 font-size: 18px;
1807         }
1808
1809         .tablenav-pages-navspan {
1810                 height: 18px;
1811         }
1812
1813         .tablenav-pages .pagination-links .current-page {
1814                 padding: 8px 9px 9px;
1815                 font-size: 16px;
1816         }
1817
1818         /* WP List Table Adjustments: General */
1819         .form-wrap > p {
1820                 display: none;
1821         }
1822
1823         .comment-count {
1824                 font-size: 14px;
1825         }
1826
1827         .wp-list-table th.column-primary ~ th,
1828         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1829                 display: none;
1830         }
1831
1832         .wp-list-table thead th.column-primary {
1833                 width: 100%;
1834         }
1835
1836         /* Checkboxes need to show */
1837         .wp-list-table tr th.check-column {
1838                 display: table-cell;
1839                 width: 35px;
1840         }
1841
1842         .wp-list-table .column-primary .toggle-row {
1843                 display: block;
1844         }
1845
1846         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
1847                 position: relative;
1848                 clear: both;
1849                 display: block;
1850                 width: auto !important; /* needs to override some columns that are more specifically targeted */
1851         }
1852
1853         .wp-list-table td.column-primary {
1854                 padding-right: 50px; /* space for toggle button */
1855         }
1856
1857         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1858                 padding: 3px 8px 3px 35%;
1859         }
1860
1861         .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
1862                 position: absolute;
1863                 left: 10px; /* match padding of regular table cell */
1864                 display: block;
1865                 overflow: hidden;
1866                 width: 32%; /* leave a little space for a gutter */
1867                 content: attr(data-colname);
1868                 white-space: nowrap;
1869                 text-overflow: ellipsis;
1870         }
1871
1872         .wp-list-table .is-expanded td:not(.hidden) {
1873                 display: block !important;
1874                 overflow: hidden; /* clearfix */
1875         }
1876
1877         /* Special cases */
1878         .widefat .num,
1879         .column-posts {
1880                 text-align: left;
1881         }
1882
1883         #comments-form .fixed .column-author,
1884         #commentsdiv .fixed .column-author {
1885                 display: none !important;
1886         }
1887
1888         .fixed .column-comment .comment-author {
1889                 display: block;
1890         }
1891
1892         #the-comment-list .is-expanded td {
1893                 -webkit-box-shadow: none;
1894                 box-shadow: none;
1895         }
1896
1897         #the-comment-list .is-expanded td:last-child {
1898                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1899                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1900         }
1901
1902         /* Show comment bubble as text instead */
1903         .post-com-count .screen-reader-text {
1904                 position: static;
1905                 width: auto;
1906                 height: auto;
1907                 margin: 0;
1908         }
1909
1910         .column-response .post-com-count-no-comments:after,
1911         .column-response .post-com-count-approved:after,
1912         .column-comments .post-com-count-no-comments:after,
1913         .column-comments .post-com-count-approved:after {
1914                 content: none;
1915         }
1916
1917         .column-response .post-com-count [aria-hidden="true"],
1918         .column-comments .post-com-count [aria-hidden="true"] {
1919                 display: none;
1920         }
1921
1922         .column-response .post-com-count-wrapper,
1923         .column-comments .post-com-count-wrapper {
1924                 white-space: normal;
1925         }
1926
1927         .column-response .post-com-count-wrapper > a,
1928         .column-comments .post-com-count-wrapper > a {
1929                 display: block;
1930         }
1931
1932         .column-response .post-com-count-no-comments,
1933         .column-response .post-com-count-approved,
1934         .column-comments .post-com-count-no-comments,
1935         .column-comments .post-com-count-approved {
1936                 margin-top: 0;
1937                 margin-right: 0.5em;
1938         }
1939
1940         .column-response .post-com-count-pending,
1941         .column-comments .post-com-count-pending {
1942                 position: static;
1943                 height: auto;
1944                 min-width: 0;
1945                 padding: 0;
1946                 border: none;
1947                 -webkit-border-radius: 0;
1948                 border-radius: 0;
1949                 background: none;
1950                 color: #bb2a2a;
1951                 font-size: inherit;
1952                 line-height: inherit;
1953                 text-align: left;
1954         }
1955
1956         .column-response .post-com-count-pending:hover,
1957         .column-comments .post-com-count-pending:hover {
1958                 color: #dc3232;
1959         }
1960
1961         .widefat thead td.check-column,
1962         .widefat tfoot td.check-column {
1963                 padding-top: 10px;
1964         }
1965
1966         .widefat * {
1967                 word-wrap: normal;
1968         }
1969
1970         /* Quick Edit and Bulk Edit */
1971         #wpbody-content .quick-edit-row-post .inline-edit-col-left,
1972         #wpbody-content .quick-edit-row-post .inline-edit-col-right,
1973         #wpbody-content .inline-edit-row-post .inline-edit-col-center,
1974         #wpbody-content .quick-edit-row-page .inline-edit-col-left,
1975         #wpbody-content .quick-edit-row-page .inline-edit-col-right,
1976         #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
1977         #wpbody-content .bulk-edit-row .inline-edit-col-left,
1978         #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
1979         #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
1980                 float: none;
1981                 width: 100%;
1982         }
1983
1984         #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
1985         #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
1986         #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
1987         #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1988                 max-width: none;
1989                 float: none;
1990                 margin-bottom: 5px;
1991         }
1992
1993         #wpbody .bulk-edit-row fieldset select {
1994                 display: block;
1995                 width: 100%;
1996                 max-width: none;
1997                 -webkit-box-sizing: border-box;
1998                 -moz-box-sizing: border-box;
1999                 box-sizing: border-box;
2000         }
2001
2002         .inline-edit-row fieldset ul.cat-checklist label,
2003         .inline-edit-row #bulk-titles div {
2004                 font-size: 16px;
2005         }
2006
2007         .inline-edit-row fieldset label span.title,
2008         .inline-edit-row fieldset.inline-edit-date legend {
2009                 float: none;
2010         }
2011
2012         .inline-edit-row fieldset label.inline-edit-tags {
2013                 padding: 0 0.5em;
2014         }
2015
2016         .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
2017                 padding: 0;
2018         }
2019
2020         .inline-edit-row fieldset label span.input-text-wrap,
2021         .inline-edit-row fieldset .timestamp-wrap {
2022                 margin-left: 0;
2023         }
2024
2025         .inline-edit-row fieldset input[name=jj],
2026         .inline-edit-row fieldset input[name=hh],
2027         .inline-edit-row fieldset input[name=mn] {
2028                 width: 3em;
2029         }
2030
2031         .inline-edit-row fieldset input[name=aa] {
2032                 width: 4.5em;
2033         }
2034
2035         .inline-edit-row .inline-edit-or {
2036                 margin: 0 6px 0 0;
2037         }
2038
2039         #edithead .inside,
2040         #commentsdiv #edithead .inside {
2041                 float: none;
2042                 text-align: left;
2043                 padding: 3px 5px;
2044         }
2045
2046         #commentsdiv #edithead .inside input,
2047         #edithead .inside input {
2048                 width: 100%;
2049         }
2050
2051         #edithead label {
2052                 display: block;
2053         }
2054
2055         #bulk-titles div {
2056                 margin: 0.8em 0.3em;
2057         }
2058
2059         #bulk-titles div a {
2060                 height: 22px;
2061         }
2062
2063         /* Updates */
2064         #wpbody-content #update-themes-table .plugin-title {
2065                 width: auto;
2066                 white-space: normal;
2067         }
2068
2069         /* Links */
2070         .link-manager-php #posts-filter {
2071                 margin-top: 25px;
2072         }
2073
2074         .link-manager-php .tablenav.bottom {
2075                 overflow: hidden;
2076         }
2077
2078         /* List tables that don't toggle rows */
2079         .comments-box .toggle-row,
2080         .wp-list-table.plugins .toggle-row {
2081                 display: none;
2082         }
2083
2084         /* Plugin/Theme Management */
2085         #wpbody-content .wp-list-table.plugins td {
2086                 display: block;
2087                 width: auto;
2088                 padding: 10px 9px; /* reset from other list tables that have a label at this width */
2089         }
2090
2091         #wpbody-content .wp-list-table.plugins .column-description {
2092                 padding-top: 2px;
2093         }
2094
2095         .wp-list-table.plugins .plugin-title,
2096         .wp-list-table.plugins .theme-title {
2097                 padding-top: 13px;
2098                 padding-bottom: 4px;
2099         }
2100
2101         .plugins #the-list tr > td:not(:last-child),
2102         .plugins #the-list .update th,
2103         .plugins #the-list .update td,
2104         .wp-list-table.plugins #the-list .theme-title {
2105                 -webkit-box-shadow: none;
2106                 box-shadow: none;
2107                 border-top: none;
2108         }
2109
2110         .plugins #the-list tr td {
2111                 border-top: none;
2112         }
2113
2114         .plugins tbody {
2115                 padding: 1px 0 0;
2116         }
2117
2118         .plugins tr.active + tr.inactive th.check-column,
2119         .plugins tr.active + tr.inactive td.column-description,
2120         .plugins .plugin-update-tr:before {
2121                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2122                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2123         }
2124
2125         .plugins tr.active + tr.inactive th.check-column,
2126         .plugins tr.active + tr.inactive td {
2127                 border-top: none;
2128         }
2129
2130         /* mimic the checkbox th */
2131         .plugins .plugin-update-tr:before {
2132                 content: "";
2133                 display: table-cell;
2134         }
2135
2136         .plugins .active.update + .plugin-update-tr:before {
2137                 border-left: 4px solid #d54e21;
2138                 background-color: #fef7f1;
2139         }
2140
2141         .plugins #the-list .plugin-update-tr .plugin-update {
2142                 border-left: none;
2143         }
2144
2145         .plugin-update-tr .update-message {
2146                 margin-left: 0;
2147         }
2148
2149         .wp-list-table.plugins .plugin-title strong,
2150         .wp-list-table.plugins .theme-title strong {
2151                 font-size: 1.4em;
2152                 line-height: 1.6em;
2153         }
2154
2155         /* Add New plugins page */
2156         table.plugin-install .column-name,
2157         table.plugin-install .column-version,
2158         table.plugin-install .column-rating,
2159         table.plugin-install .column-description {
2160                 display: block;
2161                 width: auto;
2162         }
2163
2164         table.plugin-install th.column-name,
2165         table.plugin-install th.column-version,
2166         table.plugin-install th.column-rating,
2167         table.plugin-install th.column-description {
2168                 display: none;
2169         }
2170
2171         table.plugin-install td.column-name strong {
2172                 font-size: 1.4em;
2173                 line-height: 1.6em;
2174         }
2175
2176         table.plugin-install #the-list td {
2177                 -webkit-box-shadow: none;
2178                 box-shadow: none;
2179         }
2180
2181         table.plugin-install #the-list tr {
2182                 display: block;
2183                 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
2184                 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
2185         }
2186
2187         .plugin-card {
2188                 margin-left: 0;
2189                 margin-right: 0;
2190                 width: 100%;
2191         }
2192 }