[Summary view] [Print] [Text view]

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