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