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