[Summary view] [Print] [Text view]

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