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