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