[Summary view] [Print] [Text view]

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