[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  .plugins .plugin-title img,
1318  .plugins .plugin-title .dashicons {
1319      float: right;
1320      padding: 0 0 0 10px;
1321      width: 64px;
1322      height: 64px;
1323  }
1324  
1325  .plugins .plugin-title .dashicons:before {
1326      padding: 2px;
1327      background-color: #f0f0f1;
1328      box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
1329      font-size: 60px;
1330      color: #c3c4c7;
1331  }
1332  
1333  #update-themes-table .plugin-title img,
1334  #update-themes-table .plugin-title .dashicons {
1335      width: 85px;
1336  }
1337  
1338  .plugins .column-auto-updates {
1339      width: 14.2em;
1340  }
1341  
1342  .plugins .inactive .plugin-title strong {
1343      font-weight: 400;
1344  }
1345  
1346  .plugins .second,
1347  .plugins .row-actions {
1348      padding: 0 0 5px;
1349  }
1350  
1351  .plugins .row-actions {
1352      white-space: normal;
1353      min-width: 12em;
1354  }
1355  
1356  .plugins .update .second,
1357  .plugins .update .row-actions,
1358  .plugins .updated .second,
1359  .plugins .updated .row-actions {
1360      padding-bottom: 0;
1361  }
1362  
1363  .plugins-php .widefat tfoot th,
1364  .plugins-php .widefat tfoot td {
1365      border-top-style: solid;
1366      border-top-width: 1px;
1367  }
1368  
1369  .plugins .plugin-update-tr .plugin-update {
1370      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1371      overflow: hidden; /* clearfix */
1372      padding: 0;
1373  }
1374  
1375  .plugins .plugin-update-tr .notice,
1376  .plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */
1377      margin: 5px 40px 15px 20px;
1378  }
1379  
1380  .plugins .notice p {
1381      margin: 0.5em 0;
1382  }
1383  
1384  .plugins .plugin-description a,
1385  .plugins .plugin-update a,
1386  .updates-table .plugin-title a {
1387      text-decoration: underline;
1388  }
1389  
1390  .plugins tr.paused th.check-column {
1391      border-right: 4px solid #b32d2e;
1392  }
1393  
1394  .plugins tr.paused th,
1395  .plugins tr.paused td {
1396      background-color: #f6f7f7;
1397  }
1398  
1399  .plugins tr.paused .plugin-title,
1400  .plugins .paused .dashicons-warning {
1401      color: #b32d2e;
1402  }
1403  
1404  .plugins .paused .error-display p,
1405  .plugins .paused .error-display code {
1406      font-size: 90%;
1407      color: rgba(0, 0, 0, 0.7);
1408  }
1409  
1410  .plugins .resume-link {
1411      color: #b32d2e;
1412  }
1413  
1414  .plugin-card .update-now:before {
1415      color: #d63638;
1416      content: "\f463";
1417      display: inline-block;
1418      font: normal 20px/1 dashicons;
1419      margin: -3px -2px 0 5px;
1420      speak: never;
1421      -webkit-font-smoothing: antialiased;
1422      -moz-osx-font-smoothing: grayscale;
1423      vertical-align: middle;
1424  }
1425  
1426  .plugin-card .updating-message:before {
1427      content: "\f463";
1428      animation: rotation 2s infinite linear;
1429  }
1430  
1431  @keyframes rotation {
1432      0% {
1433          transform: rotate(0deg);
1434      }
1435      100% {
1436          transform: rotate(-359deg);
1437      }
1438  }
1439  
1440  .plugin-card .updated-message:before {
1441      color: #68de7c;
1442      content: "\f147";
1443  }
1444  
1445  .plugin-install-php #the-list {
1446      display: flex;
1447      flex-wrap: wrap;
1448  }
1449  
1450  .plugin-install-php .plugin-card {
1451      display: flex;
1452      flex-direction: column;
1453      justify-content: space-between;
1454  }
1455  
1456  .plugin-install-php h2 {
1457      clear: both;
1458  }
1459  
1460  .plugin-install-php h3 {
1461      margin: 2.5em 0 8px;
1462  }
1463  
1464  .plugin-install-php .wp-filter {
1465      margin-bottom: 0;
1466  }
1467  
1468  /* Plugin card table view */
1469  .plugin-group {
1470      overflow: hidden; /* clearfix */
1471      margin-top: 1.5em;
1472  }
1473  
1474  .plugin-group h3 {
1475      margin-top: 0;
1476  }
1477  
1478  .plugin-card {
1479      float: right;
1480      margin: 0 8px 16px;
1481      width: 48.5%;
1482      width: calc( 50% - 8px );
1483      background-color: #fff;
1484      border: 1px solid #dcdcde;
1485      box-sizing: border-box;
1486  }
1487  
1488  .plugin-card:nth-child(odd) {
1489      clear: both;
1490      margin-right: 0;
1491  }
1492  
1493  .plugin-card:nth-child(even) {
1494      margin-left: 0;
1495  }
1496  
1497  @media screen and (min-width: 1600px) and ( max-width: 2299px ) {
1498      .plugin-card {
1499          width: 30%;
1500          width: calc( 33.1% - 8px );
1501      }
1502  
1503      .plugin-card:nth-child(odd) {
1504          clear: none;
1505          margin-right: 8px;
1506      }
1507  
1508      .plugin-card:nth-child(even) {
1509          margin-left: 8px;
1510      }
1511  
1512      .plugin-card:nth-child(3n+1) {
1513          clear: both;
1514          margin-right: 0;
1515      }
1516  
1517      .plugin-card:nth-child(3n) {
1518          margin-left: 0;
1519      }
1520  }
1521  
1522  @media screen and (min-width: 2300px) {
1523      .plugin-card {
1524          width: 25%;
1525          width: calc( 25% - 12px );
1526      }
1527  
1528      .plugin-card:nth-child(odd) {
1529          clear: none;
1530          margin-right: 8px;
1531      }
1532  
1533      .plugin-card:nth-child(even) {
1534          margin-left: 8px;
1535      }
1536  
1537      .plugin-card:nth-child(4n+1) {
1538          clear: both;
1539          margin-right: 0;
1540      }
1541  
1542      .plugin-card:nth-child(4n) {
1543          margin-left: 0;
1544      }
1545  }
1546  
1547  .plugin-card-top {
1548      position: relative;
1549      padding: 20px 20px 10px;
1550      min-height: 135px;
1551  }
1552  
1553  div.action-links,
1554  .plugin-action-buttons {
1555      margin: 0; /* Override existing margins */
1556  }
1557  
1558  .plugin-card h3 {
1559      margin: 0 0 12px 12px;
1560      font-size: 18px;
1561      line-height: 1.3;
1562  }
1563  
1564  .plugin-card .desc {
1565      margin-inline: 0;
1566  }
1567  
1568  .plugin-card .name, .plugin-card .desc > p {
1569      margin-right: 148px;
1570  }
1571  
1572  @media (min-width: 1101px) {
1573      .plugin-card .name, .plugin-card .desc > p {
1574          margin-left: 128px;
1575      }
1576  }
1577  
1578  @media (min-width: 481px) and (max-width: 781px) {
1579      .plugin-card .name, .plugin-card .desc > p {
1580          margin-left: 128px;
1581      }
1582  }
1583  
1584  .plugin-card .column-description {
1585      display: flex;
1586      flex-direction: column;
1587      justify-content: flex-start;
1588  }
1589  
1590  .plugin-card .column-description > p {
1591      margin-top: 0;
1592  }
1593  
1594  .plugin-card .column-description p:empty {
1595      display: none;
1596  }
1597  
1598  .plugin-card .notice.plugin-dependencies {
1599      margin: auto 20px 20px;
1600      padding: 15px;
1601  }
1602  
1603  .plugin-card .plugin-dependencies-explainer-text {
1604      margin-block: 0;
1605  }
1606  
1607  .plugin-card .plugin-dependency {
1608      align-items: center;
1609      display: flex;
1610      flex-wrap: wrap;
1611      margin-top: .5em;
1612      column-gap: 1%;
1613      row-gap: .5em;
1614  }
1615  
1616  .plugin-card .plugin-dependency:nth-child(2),
1617  .plugin-card .plugin-dependency:last-child {
1618      margin-top: 1em;
1619  }
1620  
1621  .plugin-card .plugin-dependency-name {
1622      flex-basis: 74%;
1623  }
1624  
1625  .plugin-card .plugin-dependency .more-details-link {
1626      margin-right: auto;
1627  }
1628  
1629  .rtl .plugin-card .plugin-dependency .more-details-link {
1630      margin-left: auto;
1631  }
1632  
1633  @media (max-width: 939px) {
1634      .plugin-card .plugin-dependency-name {
1635          flex-basis: 69%;
1636      }
1637  }
1638  
1639  .plugins #the-list .required-by,
1640  .plugins #the-list .requires {
1641      margin-top: 1em;
1642  }
1643  
1644  .plugin-card .action-links {
1645      position: absolute;
1646      top: 20px;
1647      left: 20px;
1648      width: 120px;
1649  }
1650  
1651  .plugin-action-buttons {
1652      clear: left;
1653      float: left;
1654      margin-bottom: 1em;
1655      text-align: left;
1656  }
1657  
1658  .plugin-action-buttons li {
1659      margin-bottom: 10px;
1660  }
1661  
1662  .plugin-card-bottom {
1663      clear: both;
1664      padding: 12px 20px;
1665      background-color: #f6f7f7;
1666      border-top: 1px solid #dcdcde;
1667      overflow: hidden;
1668  }
1669  
1670  .plugin-card-bottom .star-rating {
1671      display: inline;
1672  }
1673  
1674  .plugin-card-update-failed .update-now {
1675      font-weight: 600;
1676  }
1677  
1678  .plugin-card-update-failed .notice-error {
1679      margin: 0;
1680      padding-right: 16px;
1681      box-shadow: 0 -1px 0 #dcdcde;
1682  }
1683  
1684  .plugin-card-update-failed .plugin-card-bottom {
1685      display: none;
1686  }
1687  
1688  .plugin-card .column-rating {
1689      line-height: 1.76923076;
1690  }
1691  
1692  .plugin-card .column-rating,
1693  .plugin-card .column-updated {
1694      margin-bottom: 4px;
1695  }
1696  
1697  .plugin-card .column-rating,
1698  .plugin-card .column-downloaded {
1699      float: right;
1700      clear: right;
1701      max-width: 180px;
1702  }
1703  
1704  .plugin-card .column-updated,
1705  .plugin-card .column-compatibility {
1706      text-align: left;
1707      float: left;
1708      clear: left;
1709      width: 65%;
1710      width: calc( 100% - 180px );
1711  }
1712  
1713  .plugin-card .column-compatibility span:before {
1714      font: normal 20px/.5 dashicons;
1715      speak: never;
1716      display: inline-block;
1717      padding: 0;
1718      top: 4px;
1719      right: -2px;
1720      position: relative;
1721      vertical-align: top;
1722      -webkit-font-smoothing: antialiased;
1723      -moz-osx-font-smoothing: grayscale;
1724      text-decoration: none !important;
1725      color: #3c434a;
1726  }
1727  
1728  .plugin-card .column-compatibility .compatibility-incompatible:before {
1729      content: "\f158";
1730      color: #d63638;
1731  }
1732  
1733  .plugin-card .column-compatibility .compatibility-compatible:before {
1734      content: "\f147";
1735      color: #007017;
1736  }
1737  
1738  .plugin-card .notice {
1739      margin: 20px 20px 0;
1740  }
1741  
1742  .plugin-icon {
1743      position: absolute;
1744      top: 20px;
1745      right: 20px;
1746      width: 128px;
1747      height: 128px;
1748      margin: 0 0 20px 20px;
1749  }
1750  
1751  .no-plugin-results {
1752      color: #646970; /* same as no themes and no media */
1753      font-size: 18px;
1754      font-style: normal;
1755      margin: 0;
1756      padding: 100px 0 0;
1757      width: 100%;
1758      text-align: center;
1759  }
1760  
1761  /* ms */
1762  /* Background Color for Site Status */
1763  .wp-list-table .site-deleted,
1764  .wp-list-table tr.site-deleted,
1765  .wp-list-table .site-archived,
1766  .wp-list-table tr.site-archived {
1767      background: #fcf0f1;
1768  }
1769  .wp-list-table .site-spammed,
1770  .wp-list-table tr.site-spammed,
1771  .wp-list-table .site-mature,
1772  .wp-list-table tr.site-mature {
1773      background: #fcf9e8;
1774  }
1775  
1776  .sites.fixed .column-lastupdated,
1777  .sites.fixed .column-registered {
1778      width: 20%;
1779  }
1780  
1781  .sites.fixed .column-users {
1782      width: 80px;
1783  }
1784  
1785  /* =Media Queries
1786  -------------------------------------------------------------- */
1787  
1788  @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
1789      .plugin-card .action-links {
1790          position: static;
1791          margin-right: 148px;
1792          width: auto;
1793      }
1794  
1795      .plugin-action-buttons {
1796          float: none;
1797          margin: 1em 0 0;
1798          text-align: right;
1799      }
1800  
1801      .plugin-action-buttons li {
1802          display: inline-block;
1803          vertical-align: middle;
1804      }
1805  
1806      .plugin-action-buttons li .button {
1807          margin-left: 20px;
1808      }
1809  
1810      .plugin-card h3 {
1811          margin-left: 24px;
1812      }
1813  
1814      .plugin-card .name,
1815      .plugin-card .desc {
1816          margin-left: 0;
1817      }
1818  
1819      .plugin-card .desc p:first-of-type {
1820          margin-top: 0;
1821      }
1822  }
1823  
1824  @media screen and (max-width: 782px) {
1825      /* WP List Table Options & Filters */
1826      .tablenav {
1827          height: auto;
1828      }
1829  
1830      .tablenav.top {
1831          margin: 20px 0 5px;
1832      }
1833  
1834      .tablenav.bottom {
1835          position: relative;
1836          margin-top: 15px;
1837      }
1838  
1839      .tablenav br {
1840          display: none;
1841      }
1842  
1843      .tablenav br.clear {
1844          display: block;
1845      }
1846  
1847      .tablenav.top .actions,
1848      .tablenav .view-switch {
1849          display: none;
1850      }
1851  
1852      .view-switch a {
1853          width: 36px;
1854          height: 36px;
1855          line-height: 2.53846153;
1856      }
1857  
1858      /* Pagination */
1859      .tablenav.top .displaying-num {
1860          display: none;
1861      }
1862  
1863      .tablenav.bottom .displaying-num {
1864          position: absolute;
1865          left: 0;
1866          top: 11px;
1867          margin: 0;
1868          font-size: 14px;
1869      }
1870  
1871      .tablenav .tablenav-pages {
1872          width: 100%;
1873          text-align: center;
1874          margin: 0 0 25px;
1875      }
1876  
1877      .tablenav.bottom .tablenav-pages {
1878          margin-top: 25px;
1879      }
1880  
1881      .tablenav.top .tablenav-pages.one-page {
1882          display: none;
1883      }
1884  
1885      .tablenav.bottom .actions select {
1886          margin-bottom: 5px;
1887      }
1888  
1889      .tablenav.bottom .actions.alignleft + .actions.alignleft {
1890          clear: right;
1891          margin-top: 10px;
1892      }
1893  
1894      .tablenav.bottom .tablenav-pages.one-page {
1895          margin-top: 15px;
1896          height: 0;
1897      }
1898  
1899      .tablenav-pages .pagination-links {
1900          font-size: 16px;
1901      }
1902  
1903      .tablenav .tablenav-pages .button,
1904      .tablenav .tablenav-pages .tablenav-pages-navspan {
1905          min-width: 44px;
1906          padding: 12px 8px;
1907          font-size: 18px;
1908          line-height: 1;
1909      }
1910  
1911      .tablenav-pages .pagination-links .current-page {
1912          min-width: 44px;
1913          padding: 12px 6px;
1914          font-size: 16px;
1915          line-height: 1.125;
1916      }
1917  
1918      /* WP List Table Adjustments: General */
1919      .form-wrap > p {
1920          display: none;
1921      }
1922  
1923      .wp-list-table th.column-primary ~ th,
1924      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1925          display: none;
1926      }
1927  
1928      .wp-list-table thead th.column-primary {
1929          width: 100%;
1930      }
1931  
1932      /* Checkboxes need to show */
1933      .wp-list-table tr th.check-column {
1934          display: table-cell;
1935      }
1936  
1937      .wp-list-table .check-column {
1938          width: 2.5em;
1939      }
1940  
1941      .wp-list-table .column-primary .toggle-row {
1942          display: block;
1943      }
1944  
1945      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
1946          position: relative;
1947          clear: both;
1948          width: auto !important; /* needs to override some columns that are more specifically targeted */
1949      }
1950  
1951      .wp-list-table td.column-primary {
1952          padding-left: 50px; /* space for toggle button */
1953      }
1954  
1955      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1956          padding: 3px 35% 3px 8px;
1957      }
1958  
1959      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
1960          position: absolute;
1961          right: 10px; /* match padding of regular table cell */
1962          display: block;
1963          overflow: hidden;
1964          width: 32%; /* leave a little space for a gutter */
1965          content: attr(data-colname);
1966          white-space: nowrap;
1967          text-overflow: ellipsis;
1968      }
1969  
1970      .wp-list-table .is-expanded td:not(.hidden) {
1971          display: block !important;
1972          overflow: hidden; /* clearfix */
1973      }
1974  
1975      /* Special cases */
1976      .widefat .num,
1977      .column-posts {
1978          text-align: right;
1979      }
1980  
1981      #comments-form .fixed .column-author,
1982      #commentsdiv .fixed .column-author {
1983          display: none !important;
1984      }
1985  
1986      .fixed .column-comment .comment-author {
1987          display: block;
1988      }
1989  
1990      /* Comment author hidden via Screen Options */
1991      .fixed .column-author.hidden ~ .column-comment .comment-author {
1992          display: none;
1993      }
1994  
1995      #the-comment-list .is-expanded td {
1996          box-shadow: none;
1997      }
1998  
1999      #the-comment-list .is-expanded td:last-child {
2000          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2001      }
2002  
2003      /* Show comment bubble as text instead */
2004      .post-com-count .screen-reader-text {
2005          position: static;
2006          clip-path: none;
2007          width: auto;
2008          height: auto;
2009          margin: 0;
2010      }
2011  
2012      .column-response .post-com-count-no-comments:after,
2013      .column-response .post-com-count-approved:after,
2014      .column-comments .post-com-count-no-comments:after,
2015      .column-comments .post-com-count-approved:after {
2016          content: none;
2017      }
2018  
2019      .column-response .post-com-count [aria-hidden="true"],
2020      .column-comments .post-com-count [aria-hidden="true"] {
2021          display: none;
2022      }
2023  
2024      .column-response .post-com-count-wrapper,
2025      .column-comments .post-com-count-wrapper {
2026          white-space: normal;
2027      }
2028  
2029      .column-response .post-com-count-wrapper > a,
2030      .column-comments .post-com-count-wrapper > a {
2031          display: block;
2032      }
2033  
2034      .column-response .post-com-count-no-comments,
2035      .column-response .post-com-count-approved,
2036      .column-comments .post-com-count-no-comments,
2037      .column-comments .post-com-count-approved {
2038          margin-top: 0;
2039          margin-left: 0.5em;
2040      }
2041  
2042      .column-response .post-com-count-pending,
2043      .column-comments .post-com-count-pending {
2044          position: static;
2045          height: auto;
2046          min-width: 0;
2047          padding: 0;
2048          border: none;
2049          border-radius: 0;
2050          background: none;
2051          color: #b32d2e;
2052          font-size: inherit;
2053          line-height: inherit;
2054          text-align: right;
2055      }
2056  
2057      .column-response .post-com-count-pending:hover,
2058      .column-comments .post-com-count-pending:hover {
2059          color: #d63638;
2060      }
2061  
2062      .widefat thead td.check-column,
2063      .widefat tfoot td.check-column {
2064          padding-top: 10px;
2065      }
2066  
2067      .row-actions {
2068          margin-right: -8px;
2069          margin-left: -8px;
2070          padding-top: 4px;
2071      }
2072  
2073      /* Make row actions more easy to select on mobile */
2074      body:not(.plugins-php) .row-actions {
2075          display: flex;
2076          flex-wrap: wrap;
2077          gap: 8px;
2078          color: transparent;
2079      }
2080  
2081      .row-actions span a,
2082      .row-actions span .button-link {
2083          display: inline-block;
2084          padding: 4px 8px;
2085          line-height: 1.5;
2086      }
2087  
2088      .row-actions span.approve:before,
2089      .row-actions span.unapprove:before {
2090          content: "| ";
2091      }
2092  
2093      /* Quick Edit and Bulk Edit */
2094      #wpbody-content .quick-edit-row-post .inline-edit-col-left,
2095      #wpbody-content .quick-edit-row-post .inline-edit-col-right,
2096      #wpbody-content .inline-edit-row-post .inline-edit-col-center,
2097      #wpbody-content .quick-edit-row-page .inline-edit-col-left,
2098      #wpbody-content .quick-edit-row-page .inline-edit-col-right,
2099      #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
2100      #wpbody-content .bulk-edit-row .inline-edit-col-left,
2101      #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
2102      #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
2103          float: none;
2104          width: 100%;
2105          padding: 0;
2106      }
2107  
2108      #the-list .inline-edit-row .inline-edit-legend,
2109      .inline-edit-row span.title {
2110          font-size: 16px;
2111      }
2112  
2113      .inline-edit-row p.howto {
2114          font-size: 14px;
2115      }
2116  
2117      #wpbody-content .inline-edit-row-page .inline-edit-col-right {
2118          margin-top: 0;
2119      }
2120  
2121      #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
2122      #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
2123      #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
2124      #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
2125          max-width: none;
2126          float: none;
2127          margin-bottom: 5px;
2128      }
2129  
2130      #wpbody .bulk-edit-row fieldset select {
2131          display: block;
2132          width: 100%;
2133          max-width: none;
2134          box-sizing: border-box;
2135      }
2136  
2137      .inline-edit-row fieldset input[name=jj],
2138      .inline-edit-row fieldset input[name=hh],
2139      .inline-edit-row fieldset input[name=mn],
2140      .inline-edit-row fieldset input[name=aa] {
2141          font-size: 16px;
2142          line-height: 2;
2143          padding: 3px 4px;
2144      }
2145  
2146      #bulk-titles .ntdelbutton,
2147      #bulk-titles .ntdeltitle,
2148      .inline-edit-row fieldset ul.cat-checklist label {
2149          padding: 6px 0;
2150          font-size: 16px;
2151          line-height: 28px;
2152      }
2153  
2154      #bulk-titles .ntdelitem {
2155          padding-right: 37px;
2156      }
2157  
2158      #bulk-titles .ntdelbutton {
2159          width: 40px;
2160          height: 40px;
2161          margin: 0 -40px 0 0;
2162          overflow: hidden;
2163      }
2164  
2165      #bulk-titles .ntdelbutton:before {
2166          font-size: 20px;
2167          line-height: 28px;
2168      }
2169  
2170      .inline-edit-row fieldset label span.title,
2171      .inline-edit-row fieldset.inline-edit-date legend {
2172          float: none;
2173      }
2174  
2175      .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
2176          padding: 0;
2177      }
2178  
2179      .inline-edit-row fieldset label span.input-text-wrap,
2180      .inline-edit-row fieldset .timestamp-wrap {
2181          margin-right: 0;
2182      }
2183  
2184      .inline-edit-row .inline-edit-or {
2185          margin: 0 0 0 6px;
2186      }
2187  
2188      #edithead .inside,
2189      #commentsdiv #edithead .inside {
2190          float: none;
2191          text-align: right;
2192          padding: 3px 5px;
2193      }
2194  
2195      #commentsdiv #edithead .inside input,
2196      #edithead .inside input {
2197          width: 100%;
2198      }
2199  
2200      #edithead label {
2201          display: block;
2202      }
2203  
2204      /* Updates */
2205      #wpbody-content .updates-table .plugin-title {
2206          width: auto;
2207          white-space: normal;
2208      }
2209  
2210      /* Links */
2211      .link-manager-php #posts-filter {
2212          margin-top: 25px;
2213      }
2214  
2215      .link-manager-php .tablenav.bottom {
2216          overflow: hidden;
2217      }
2218  
2219      /* List tables that don't toggle rows */
2220      .comments-box .toggle-row,
2221      .wp-list-table.plugins .toggle-row {
2222          display: none;
2223      }
2224  
2225      /* Plugin/Theme Management */
2226      #wpbody-content .wp-list-table.plugins td {
2227          display: block;
2228          width: auto;
2229          padding: 10px 9px; /* reset from other list tables that have a label at this width */
2230      }
2231  
2232      #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td,
2233      #wpbody-content .wp-list-table.plugins .no-items td {
2234          display: table-cell;
2235      }
2236  
2237      /* Plugin description hidden via Screen Options */
2238      #wpbody-content .wp-list-table.plugins .desc.hidden {
2239          display: none;
2240      }
2241  
2242      #wpbody-content .wp-list-table.plugins .column-description {
2243          padding-top: 2px;
2244      }
2245  
2246      #wpbody-content .wp-list-table.plugins .plugin-title,
2247      #wpbody-content .wp-list-table.plugins .theme-title {
2248          padding-left: 12px;
2249          white-space: normal;
2250      }
2251  
2252      .wp-list-table.plugins .plugin-title,
2253      .wp-list-table.plugins .theme-title {
2254          padding-top: 13px;
2255          padding-bottom: 4px;
2256      }
2257  
2258      .plugins #the-list tr > td:not(:last-child),
2259      .plugins #the-list .update th,
2260      .plugins #the-list .update td,
2261      .wp-list-table.plugins #the-list .theme-title {
2262          box-shadow: none;
2263          border-top: none;
2264      }
2265  
2266      .plugins #the-list tr td {
2267          border-top: none;
2268      }
2269  
2270      .plugins tbody {
2271          padding: 1px 0 0;
2272      }
2273  
2274      .plugins tr.active + tr.inactive th.check-column,
2275      .plugins tr.active + tr.inactive td.column-description,
2276      .plugins .plugin-update-tr:before {
2277          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2278      }
2279  
2280      .plugins tr.active + tr.inactive th.check-column,
2281      .plugins tr.active + tr.inactive td {
2282          border-top: none;
2283      }
2284  
2285      /* mimic the checkbox th */
2286      .plugins .plugin-update-tr:before {
2287          content: "";
2288          display: table-cell;
2289      }
2290  
2291      .plugins #the-list .plugin-update-tr .plugin-update {
2292          border-right: none;
2293      }
2294  
2295      .plugin-update-tr .update-message {
2296          margin-right: 0;
2297      }
2298  
2299      .plugins .active.update + .plugin-update-tr:before,
2300      .plugins .active.updated + .plugin-update-tr:before {
2301          background-color: #f0f6fc;
2302          border-right: 4px solid #72aee6;
2303      }
2304  
2305      .plugins .plugin-update-tr .update-message {
2306          margin-right: 0;
2307      }
2308  
2309      .wp-list-table.plugins .plugin-title strong,
2310      .wp-list-table.plugins .theme-title strong {
2311          font-size: 1.4em;
2312          line-height: 1.5;
2313      }
2314  
2315      .plugins tbody th.check-column {
2316          padding: 8px 5px 0 0;
2317      }
2318  
2319      .plugins thead td.check-column,
2320      .plugins tfoot td.check-column,
2321      .plugins .inactive th.check-column {
2322          padding-right: 9px;
2323      }
2324  
2325      /* Add New plugins page */
2326      table.plugin-install .column-name,
2327      table.plugin-install .column-version,
2328      table.plugin-install .column-rating,
2329      table.plugin-install .column-description {
2330          display: block;
2331          width: auto;
2332      }
2333  
2334      table.plugin-install th.column-name,
2335      table.plugin-install th.column-version,
2336      table.plugin-install th.column-rating,
2337      table.plugin-install th.column-description {
2338          display: none;
2339      }
2340  
2341      table.plugin-install td.column-name strong {
2342          font-size: 1.4em;
2343          line-height: 1.6em;
2344      }
2345  
2346      table.plugin-install #the-list td {
2347          box-shadow: none;
2348      }
2349  
2350      table.plugin-install #the-list tr {
2351          display: block;
2352          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2353      }
2354  
2355      .plugin-card {
2356          margin-right: 0;
2357          margin-left: 0;
2358          width: 100%;
2359      }
2360  
2361      table.media .column-title .has-media-icon ~ .row-actions {
2362          margin-right: 0;
2363          clear: both;
2364      }
2365  }
2366  
2367  @media screen and (max-width: 480px) {
2368      .tablenav-pages .current-page {
2369          margin: 0;
2370      }
2371  
2372      .tablenav.bottom .displaying-num {
2373          position: relative;
2374          top: 0;
2375          display: block;
2376          text-align: left;
2377          padding-bottom: 0.5em;
2378      }
2379  
2380      .tablenav.bottom .tablenav-pages.one-page {
2381          height: auto;
2382      }
2383  
2384      .tablenav-pages .tablenav-paging-text {
2385          float: right;
2386          width: 100%;
2387          padding-top: 0.5em;
2388      }
2389  }