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