[Summary view] [Print] [Text view]

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