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