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