[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      gap: 16px;
1479  }
1480  
1481  .plugin-install-php .plugin-card {
1482      display: flex;
1483      flex-direction: column;
1484      justify-content: space-between;
1485  }
1486  
1487  .plugin-install-php h2 {
1488      clear: both;
1489  }
1490  
1491  .plugin-install-php h3 {
1492      margin: 2.5em 0 8px;
1493  }
1494  
1495  .plugin-install-php .wp-filter {
1496      margin-bottom: 0;
1497  }
1498  
1499  /* Plugin card table view */
1500  .plugin-group {
1501      overflow: hidden; /* clearfix */
1502      margin-top: 1.5em;
1503  }
1504  
1505  .plugin-group h3 {
1506      margin-top: 0;
1507  }
1508  
1509  .plugin-card {
1510      width: calc( 50% - 8px );
1511      background-color: #ffffff;
1512      border: 1px solid rgb(0, 0, 0, 0.1);
1513      border-radius: 8px;
1514      box-sizing: border-box;
1515      overflow: hidden;
1516  }
1517  
1518  @media screen and (min-width: 1600px) {
1519      .plugin-card {
1520          width: calc( (100% - 32px) / 3 );
1521      }
1522  }
1523  
1524  @media screen and (min-width: 2300px) {
1525      .plugin-card {
1526          width: calc( (100% - 48px) / 4 );
1527      }
1528  }
1529  
1530  .plugin-card-top {
1531      position: relative;
1532      padding: 16px;
1533      min-height: 135px;
1534  }
1535  
1536  div.action-links,
1537  .plugin-action-buttons {
1538      margin: 0; /* Override existing margins */
1539  }
1540  
1541  /* Use compact size for space-constrained plugin cards */
1542  .plugin-action-buttons li .button {
1543      min-height: 32px;
1544      line-height: 2.30769231; /* 30px for 32px min-height */
1545      padding: 0 12px;
1546  }
1547  
1548  .plugin-card h3 {
1549      margin: 0 0 16px 12px;
1550      font-size: 18px;
1551      line-height: 1.3;
1552  }
1553  
1554  .plugin-card .desc {
1555      margin-inline: 0;
1556  }
1557  
1558  .plugin-card .name, .plugin-card .desc > p {
1559      margin-right: 148px;
1560  }
1561  
1562  @media (min-width: 1101px) {
1563      .plugin-card .name, .plugin-card .desc > p {
1564          margin-left: 128px;
1565      }
1566  }
1567  
1568  @media (min-width: 481px) and (max-width: 781px) {
1569      .plugin-card .name, .plugin-card .desc > p {
1570          margin-left: 128px;
1571      }
1572  }
1573  
1574  .plugin-card .column-description {
1575      display: flex;
1576      flex-direction: column;
1577      justify-content: flex-start;
1578  }
1579  
1580  .plugin-card .column-description > p {
1581      margin-top: 0;
1582  }
1583  
1584  .plugin-card .column-description p:empty {
1585      display: none;
1586  }
1587  
1588  .plugin-card .notice.plugin-dependencies {
1589      margin: auto 20px 20px;
1590      padding: 15px;
1591  }
1592  
1593  .plugin-card .plugin-dependencies-explainer-text {
1594      margin-block: 0;
1595  }
1596  
1597  .plugin-card .plugin-dependency {
1598      align-items: center;
1599      display: flex;
1600      flex-wrap: wrap;
1601      margin-top: .5em;
1602      column-gap: 1%;
1603      row-gap: .5em;
1604  }
1605  
1606  .plugin-card .plugin-dependency:nth-child(2),
1607  .plugin-card .plugin-dependency:last-child {
1608      margin-top: 1em;
1609  }
1610  
1611  .plugin-card .plugin-dependency-name {
1612      flex-basis: 74%;
1613  }
1614  
1615  .plugin-card .plugin-dependency .more-details-link {
1616      margin-right: auto;
1617  }
1618  
1619  .rtl .plugin-card .plugin-dependency .more-details-link {
1620      margin-left: auto;
1621  }
1622  
1623  @media (max-width: 939px) {
1624      .plugin-card .plugin-dependency-name {
1625          flex-basis: 69%;
1626      }
1627  }
1628  
1629  .plugins #the-list .required-by,
1630  .plugins #the-list .requires {
1631      margin-top: 1em;
1632  }
1633  
1634  .plugin-card .action-links {
1635      position: absolute;
1636      top: 20px;
1637      left: 20px;
1638      width: 120px;
1639  }
1640  
1641  .plugin-action-buttons {
1642      clear: left;
1643      float: left;
1644      margin-bottom: 1em;
1645      text-align: left;
1646  }
1647  
1648  .plugin-action-buttons li {
1649      margin-bottom: 10px;
1650  }
1651  
1652  .plugin-card-bottom {
1653      clear: both;
1654      padding: 16px;
1655      background-color: #f6f7f7;
1656      border-top: 1px solid rgb(0, 0, 0, 0.1);
1657      overflow: hidden;
1658  }
1659  
1660  .plugin-card-bottom .star-rating {
1661      display: inline;
1662  }
1663  
1664  .plugin-card-update-failed .update-now {
1665      font-weight: 600;
1666  }
1667  
1668  .plugin-card-update-failed .notice-error {
1669      margin: 0;
1670      padding-right: 16px;
1671      box-shadow: 0 -1px 0 #dcdcde;
1672  }
1673  
1674  .plugin-card-update-failed .plugin-card-bottom {
1675      display: none;
1676  }
1677  
1678  .plugin-card .column-rating {
1679      line-height: 1.76923076;
1680  }
1681  
1682  .plugin-card .column-rating,
1683  .plugin-card .column-updated {
1684      margin-bottom: 4px;
1685  }
1686  
1687  .plugin-card .column-rating,
1688  .plugin-card .column-downloaded {
1689      float: right;
1690      clear: right;
1691      max-width: 180px;
1692  }
1693  
1694  .plugin-card .column-updated,
1695  .plugin-card .column-compatibility {
1696      text-align: left;
1697      float: left;
1698      clear: left;
1699      width: 65%;
1700      width: calc( 100% - 180px );
1701  }
1702  
1703  .plugin-card .column-compatibility span:before {
1704      font: normal 20px/.5 dashicons;
1705      display: inline-block;
1706      padding: 0;
1707      top: 4px;
1708      right: -2px;
1709      position: relative;
1710      vertical-align: top;
1711      -webkit-font-smoothing: antialiased;
1712      -moz-osx-font-smoothing: grayscale;
1713      text-decoration: none !important;
1714      color: #3c434a;
1715  }
1716  
1717  .plugin-card .column-compatibility .compatibility-incompatible:before {
1718      content: "\f158";
1719      content: "\f158" / '';
1720      color: #d63638;
1721  }
1722  
1723  .plugin-card .column-compatibility .compatibility-compatible:before {
1724      content: "\f147";
1725      content: "\f147" / '';
1726      color: #007017;
1727  }
1728  
1729  .plugin-card .notice {
1730      margin: 20px 20px 0;
1731  }
1732  
1733  .plugin-card .plugin-icon {
1734      position: absolute;
1735      top: 20px;
1736      right: 20px;
1737      width: 128px;
1738      height: 128px;
1739      margin: 0 0 20px 20px;
1740  }
1741  
1742  .no-plugin-results {
1743      color: #646970; /* same as no themes and no media */
1744      font-size: 18px;
1745      font-style: normal;
1746      margin: 0;
1747      padding: 100px 0 0;
1748      width: 100%;
1749      text-align: center;
1750  }
1751  
1752  /* ms */
1753  /* Background Color for Site Status */
1754  .wp-list-table .site-deleted,
1755  .wp-list-table tr.site-deleted,
1756  .wp-list-table .site-archived,
1757  .wp-list-table tr.site-archived {
1758      background: #fcf0f1;
1759  }
1760  .wp-list-table .site-spammed,
1761  .wp-list-table tr.site-spammed,
1762  .wp-list-table .site-mature,
1763  .wp-list-table tr.site-mature {
1764      background: #fcf9e8;
1765  }
1766  
1767  .sites.fixed .column-lastupdated,
1768  .sites.fixed .column-registered {
1769      width: 20%;
1770  }
1771  
1772  .sites.fixed .column-users {
1773      width: 80px;
1774  }
1775  
1776  /* =Media Queries
1777  -------------------------------------------------------------- */
1778  
1779  @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
1780      .plugin-card .action-links {
1781          position: static;
1782          margin-right: 148px;
1783          width: auto;
1784      }
1785  
1786      .plugin-action-buttons {
1787          float: none;
1788          margin: 1em 0 0;
1789          text-align: right;
1790      }
1791  
1792      .plugin-action-buttons li {
1793          display: inline-block;
1794          vertical-align: middle;
1795      }
1796  
1797      .plugin-action-buttons li .button {
1798          margin-left: 20px;
1799      }
1800  
1801      .plugin-card h3 {
1802          margin-left: 24px;
1803      }
1804  
1805      .plugin-card .name,
1806      .plugin-card .desc {
1807          margin-left: 0;
1808      }
1809  
1810      .plugin-card .desc p:first-of-type {
1811          margin-top: 0;
1812      }
1813  }
1814  
1815  @media screen and (max-width: 782px) {
1816      /* WP List Table Options & Filters */
1817      .tablenav {
1818          height: auto;
1819      }
1820  
1821      .tablenav.top {
1822          margin: 20px 0 5px;
1823      }
1824  
1825      .tablenav.bottom {
1826          position: relative;
1827          margin-top: 15px;
1828      }
1829  
1830      .tablenav br {
1831          display: none;
1832      }
1833  
1834      .tablenav br.clear {
1835          display: block;
1836      }
1837  
1838      .tablenav.top .actions,
1839      .tablenav .view-switch {
1840          display: none;
1841      }
1842  
1843      .view-switch a {
1844          width: 36px;
1845          height: 36px;
1846          line-height: 2.53846153;
1847      }
1848  
1849      /* Pagination */
1850      .tablenav.top .displaying-num {
1851          display: none;
1852      }
1853  
1854      .tablenav.bottom .displaying-num {
1855          position: absolute;
1856          left: 0;
1857          top: 11px;
1858          margin: 0;
1859          font-size: 14px;
1860      }
1861  
1862      .tablenav .tablenav-pages {
1863          width: 100%;
1864          text-align: center;
1865          margin: 0 0 25px;
1866      }
1867  
1868      .tablenav.bottom .tablenav-pages {
1869          margin-top: 25px;
1870      }
1871  
1872      .tablenav.top .tablenav-pages.one-page {
1873          display: none;
1874      }
1875  
1876      .tablenav.bottom .actions select {
1877          margin-bottom: 5px;
1878      }
1879  
1880      .tablenav.bottom .actions.alignleft + .actions.alignleft {
1881          clear: right;
1882          margin-top: 10px;
1883      }
1884  
1885      .tablenav.bottom .tablenav-pages.one-page {
1886          margin-top: 15px;
1887          height: 0;
1888      }
1889  
1890      .tablenav-pages .pagination-links {
1891          font-size: 16px;
1892      }
1893  
1894      .tablenav .tablenav-pages .button,
1895      .tablenav .tablenav-pages .tablenav-pages-navspan {
1896          min-width: 40px;
1897          min-height: 40px;
1898          padding: 10px 8px;
1899          font-size: 18px;
1900          line-height: 1;
1901      }
1902  
1903      .tablenav-pages .pagination-links .current-page {
1904          min-width: 40px;
1905          padding: 10px 6px;
1906          font-size: 16px;
1907          line-height: 1.125;
1908      }
1909  
1910      /* WP List Table Adjustments: General */
1911      .form-wrap > p {
1912          display: none;
1913      }
1914  
1915      .wp-list-table th.column-primary ~ th,
1916      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1917          display: none;
1918      }
1919  
1920      .wp-list-table thead th.column-primary {
1921          width: 100%;
1922      }
1923  
1924      /* Checkboxes need to show */
1925      .wp-list-table tr th.check-column {
1926          display: table-cell;
1927      }
1928  
1929      .wp-list-table .check-column {
1930          width: 2.5em;
1931      }
1932  
1933      .wp-list-table .column-primary .toggle-row {
1934          display: block;
1935      }
1936  
1937      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
1938          position: relative;
1939          clear: both;
1940          width: auto !important; /* needs to override some columns that are more specifically targeted */
1941      }
1942  
1943      .wp-list-table td.column-primary {
1944          padding-left: 50px; /* space for toggle button */
1945      }
1946  
1947      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1948          padding: 3px 35% 3px 8px;
1949      }
1950  
1951      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
1952          position: absolute;
1953          right: 10px; /* match padding of regular table cell */
1954          display: block;
1955          overflow: hidden;
1956          width: 32%; /* leave a little space for a gutter */
1957          content: attr(data-colname);
1958          white-space: nowrap;
1959          text-overflow: ellipsis;
1960      }
1961  
1962      .wp-list-table .is-expanded td:not(.hidden) {
1963          display: block !important;
1964          overflow: hidden; /* clearfix */
1965      }
1966  
1967      /* Special cases */
1968      .widefat .num,
1969      .column-posts {
1970          text-align: right;
1971      }
1972  
1973      #comments-form .fixed .column-author,
1974      #commentsdiv .fixed .column-author {
1975          display: none !important;
1976      }
1977  
1978      .fixed .column-comment .comment-author {
1979          display: block;
1980      }
1981  
1982      /* Comment author hidden via Screen Options */
1983      .fixed .column-author.hidden ~ .column-comment .comment-author {
1984          display: none;
1985      }
1986  
1987      #the-comment-list .is-expanded td {
1988          box-shadow: none;
1989      }
1990  
1991      #the-comment-list .is-expanded td:last-child {
1992          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1993      }
1994  
1995      /* Show comment bubble as text instead */
1996      .post-com-count .screen-reader-text {
1997          position: static;
1998          clip-path: none;
1999          width: auto;
2000          height: auto;
2001          margin: 0;
2002      }
2003  
2004      .column-response .post-com-count-no-comments:after,
2005      .column-response .post-com-count-approved:after,
2006      .column-comments .post-com-count-no-comments:after,
2007      .column-comments .post-com-count-approved:after {
2008          content: none;
2009      }
2010  
2011      .column-response .post-com-count [aria-hidden="true"],
2012      .column-comments .post-com-count [aria-hidden="true"] {
2013          display: none;
2014      }
2015  
2016      .column-response .post-com-count-wrapper,
2017      .column-comments .post-com-count-wrapper {
2018          white-space: normal;
2019      }
2020  
2021      .column-response .post-com-count-wrapper > a,
2022      .column-comments .post-com-count-wrapper > a {
2023          display: block;
2024      }
2025  
2026      .column-response .post-com-count-no-comments,
2027      .column-response .post-com-count-approved,
2028      .column-comments .post-com-count-no-comments,
2029      .column-comments .post-com-count-approved {
2030          margin-top: 0;
2031          margin-left: 0.5em;
2032      }
2033  
2034      .column-response .post-com-count-pending,
2035      .column-comments .post-com-count-pending {
2036          position: static;
2037          height: auto;
2038          min-width: 0;
2039          padding: 0;
2040          border: none;
2041          border-radius: 0;
2042          background: none;
2043          color: #b32d2e;
2044          font-size: inherit;
2045          line-height: inherit;
2046          text-align: right;
2047      }
2048  
2049      .column-response .post-com-count-pending:hover,
2050      .column-comments .post-com-count-pending:hover {
2051          color: #d63638;
2052      }
2053  
2054      .widefat thead td.check-column,
2055      .widefat tfoot td.check-column {
2056          padding-top: 10px;
2057      }
2058  
2059      .row-actions {
2060          margin-left: -8px;
2061          padding-top: 4px;
2062      }
2063  
2064      /* Make row actions more easy to select on mobile */
2065      body:not(.plugins-php) .row-actions {
2066          display: flex;
2067          flex-wrap: wrap;
2068          gap: 8px;
2069          color: transparent;
2070      }
2071  
2072      .row-actions span {
2073          font-size: 0;
2074      }
2075  
2076      .row-actions span a,
2077      .row-actions span .button-link {
2078          display: inline-block;
2079          padding: 4px 0 4px 16px;
2080          font-size: 13px;
2081          line-height: 1.5;
2082      }
2083  
2084      .row-actions span.approve:before,
2085      .row-actions span.unapprove:before {
2086          content: "| ";
2087      }
2088  
2089      /* Quick Edit and Bulk Edit */
2090      #wpbody-content .quick-edit-row-post .inline-edit-col-left,
2091      #wpbody-content .quick-edit-row-post .inline-edit-col-right,
2092      #wpbody-content .inline-edit-row-post .inline-edit-col-center,
2093      #wpbody-content .quick-edit-row-page .inline-edit-col-left,
2094      #wpbody-content .quick-edit-row-page .inline-edit-col-right,
2095      #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
2096      #wpbody-content .bulk-edit-row .inline-edit-col-left,
2097      #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
2098      #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
2099          float: none;
2100          width: 100%;
2101          padding: 0;
2102      }
2103  
2104      #the-list .inline-edit-row .inline-edit-legend,
2105      .inline-edit-row span.title {
2106          font-size: 16px;
2107      }
2108  
2109      .inline-edit-row p.howto {
2110          font-size: 14px;
2111      }
2112  
2113      #wpbody-content .inline-edit-row-page .inline-edit-col-right {
2114          margin-top: 0;
2115      }
2116  
2117      #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
2118      #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
2119      #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
2120      #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
2121          max-width: none;
2122          float: none;
2123          margin-bottom: 5px;
2124      }
2125  
2126      #wpbody .bulk-edit-row fieldset select {
2127          display: block;
2128          width: 100%;
2129          max-width: none;
2130          box-sizing: border-box;
2131      }
2132  
2133      .inline-edit-row select,
2134      .inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) {
2135          min-height: 40px;
2136      }
2137  
2138      .inline-edit-row fieldset input[name=jj],
2139      .inline-edit-row fieldset input[name=hh],
2140      .inline-edit-row fieldset input[name=mn],
2141      .inline-edit-row fieldset input[name=aa] {
2142          font-size: 16px;
2143          line-height: 2;
2144          padding: 3px 4px;
2145      }
2146  
2147      #bulk-titles .ntdelbutton,
2148      #bulk-titles .ntdeltitle,
2149      .inline-edit-row fieldset ul.cat-checklist label {
2150          padding: 6px 0;
2151          font-size: 16px;
2152          line-height: 28px;
2153      }
2154  
2155      #bulk-titles .ntdelitem {
2156          padding-right: 37px;
2157      }
2158  
2159      #bulk-titles .ntdelbutton {
2160          width: 40px;
2161          height: 40px;
2162          margin: 0 -40px 0 0;
2163          overflow: hidden;
2164      }
2165  
2166      #bulk-titles .ntdelbutton:before {
2167          font-size: 20px;
2168          line-height: 28px;
2169      }
2170  
2171      .inline-edit-row fieldset label span.title,
2172      .inline-edit-row fieldset.inline-edit-date legend {
2173          float: none;
2174      }
2175  
2176      .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
2177          padding: 0;
2178      }
2179  
2180      .inline-edit-row fieldset label span.input-text-wrap,
2181      .inline-edit-row fieldset .timestamp-wrap {
2182          margin-right: 0;
2183      }
2184  
2185      .inline-edit-row .inline-edit-or {
2186          margin: 0 0 0 6px;
2187      }
2188  
2189      #edithead .inside,
2190      #commentsdiv #edithead .inside {
2191          float: none;
2192          text-align: right;
2193          padding: 3px 5px;
2194      }
2195  
2196      #commentsdiv #edithead .inside input,
2197      #edithead .inside input {
2198          width: 100%;
2199      }
2200  
2201      #edithead label {
2202          display: block;
2203      }
2204  
2205      /* Updates */
2206      #wpbody-content .updates-table .plugin-title {
2207          width: auto;
2208          white-space: normal;
2209      }
2210  
2211      /* Links */
2212      .link-manager-php #posts-filter {
2213          margin-top: 25px;
2214      }
2215  
2216      .link-manager-php .tablenav.bottom {
2217          overflow: hidden;
2218      }
2219  
2220      /* List tables that don't toggle rows */
2221      .comments-box .toggle-row,
2222      .wp-list-table.plugins .toggle-row {
2223          display: none;
2224      }
2225  
2226      /* Plugin/Theme Management */
2227      #wpbody-content .wp-list-table.plugins td {
2228          display: block;
2229          width: auto;
2230          padding: 10px 9px; /* reset from other list tables that have a label at this width */
2231      }
2232  
2233      #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td,
2234      #wpbody-content .wp-list-table.plugins .no-items td {
2235          display: table-cell;
2236      }
2237  
2238      /* Plugin description hidden via Screen Options */
2239      #wpbody-content .wp-list-table.plugins .desc.hidden {
2240          display: none;
2241      }
2242  
2243      #wpbody-content .wp-list-table.plugins .column-description {
2244          padding-top: 2px;
2245      }
2246  
2247      #wpbody-content .wp-list-table.plugins .plugin-title,
2248      #wpbody-content .wp-list-table.plugins .theme-title {
2249          padding-left: 12px;
2250          white-space: normal;
2251      }
2252  
2253      .wp-list-table.plugins .plugin-title,
2254      .wp-list-table.plugins .theme-title {
2255          padding-top: 13px;
2256          padding-bottom: 4px;
2257      }
2258  
2259      .plugins #the-list tr > td:not(:last-child),
2260      .plugins #the-list .update th,
2261      .plugins #the-list .update td,
2262      .wp-list-table.plugins #the-list .theme-title {
2263          box-shadow: none;
2264          border-top: none;
2265      }
2266  
2267      .plugins #the-list tr td {
2268          border-top: none;
2269      }
2270  
2271      .plugins tbody {
2272          padding: 1px 0 0;
2273      }
2274  
2275      .plugins tr.active + tr.inactive th.check-column,
2276      .plugins tr.active + tr.inactive td.column-description,
2277      .plugins .plugin-update-tr:before {
2278          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2279      }
2280  
2281      .plugins tr.active + tr.inactive th.check-column,
2282      .plugins tr.active + tr.inactive td {
2283          border-top: none;
2284      }
2285  
2286      /* mimic the checkbox th */
2287      .plugins .plugin-update-tr:before {
2288          content: "";
2289          display: table-cell;
2290      }
2291  
2292      .plugins #the-list .plugin-update-tr .plugin-update {
2293          border-right: none;
2294      }
2295  
2296      .plugin-update-tr .update-message {
2297          margin-right: 0;
2298      }
2299  
2300      .plugins .active.update + .plugin-update-tr:before,
2301      .plugins .active.updated + .plugin-update-tr:before {
2302          background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
2303          border-right: 4px solid var(--wp-admin-theme-color);
2304      }
2305  
2306      .plugins .plugin-update-tr .update-message {
2307          margin-right: 0;
2308      }
2309  
2310      .wp-list-table.plugins .plugin-title strong,
2311      .wp-list-table.plugins .theme-title strong {
2312          font-size: 1.4em;
2313          line-height: 1.5;
2314      }
2315  
2316      .plugins tbody th.check-column {
2317          padding: 8px 5px 0 0;
2318      }
2319  
2320      .plugins thead td.check-column,
2321      .plugins tfoot td.check-column,
2322      .plugins .inactive th.check-column {
2323          padding-right: 9px;
2324      }
2325  
2326      /* Add New plugins page */
2327      table.plugin-install .column-name,
2328      table.plugin-install .column-version,
2329      table.plugin-install .column-rating,
2330      table.plugin-install .column-description {
2331          display: block;
2332          width: auto;
2333      }
2334  
2335      table.plugin-install th.column-name,
2336      table.plugin-install th.column-version,
2337      table.plugin-install th.column-rating,
2338      table.plugin-install th.column-description {
2339          display: none;
2340      }
2341  
2342      table.plugin-install td.column-name strong {
2343          font-size: 1.4em;
2344          line-height: 1.6em;
2345      }
2346  
2347      table.plugin-install #the-list td {
2348          box-shadow: none;
2349      }
2350  
2351      table.plugin-install #the-list tr {
2352          display: block;
2353          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2354      }
2355  
2356      .plugin-card {
2357          margin-right: 0;
2358          margin-left: 0;
2359          width: 100%;
2360      }
2361  
2362      table.media .column-title .has-media-icon ~ .row-actions {
2363          margin-right: 0;
2364          clear: both;
2365      }
2366  }
2367  
2368  @media screen and (max-width: 480px) {
2369      .tablenav-pages .current-page {
2370          margin: 0;
2371      }
2372  
2373      .tablenav.bottom .displaying-num {
2374          position: relative;
2375          top: 0;
2376          display: block;
2377          text-align: left;
2378          padding-bottom: 0.5em;
2379      }
2380  
2381      .tablenav.bottom .tablenav-pages.one-page {
2382          height: auto;
2383      }
2384  
2385      .tablenav-pages .tablenav-paging-text {
2386          float: right;
2387          width: 100%;
2388          padding-top: 0.5em;
2389      }
2390  }