[Summary view] [Print] [Text view]

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