[Summary view] [Print] [Text view]

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